body {
    background-image: url("iccjs_tema24/fundo4.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    cursor: default;
}

#colpedroii {
    width: 20%;
    height: 20%;
    transition: 300ms;
    margin-left: 40%;
    filter: drop-shadow(0px 0px 16px #000000);
}

#colpedroii:hover {
    filter: drop-shadow(0px 0px 30px #8b7e7e);
    transition: 300ms;
}

fieldset {
    background-color: rgba(233, 223, 211, 0.596);
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 4%; padding-top: 4%; padding-left: 5%;
    margin-left: 6%; margin-right: 6%;
    border-width: medium;
    border-style: solid;
    border-color: rgb(207, 170, 125);
}

legend {
    background-color: rgba(231, 234, 236, 0.993);
    font-family: 'Merriweather', serif;
    font-size: 30px;
    border-width: medium;
    border-style: solid;
    border-color: rgb(207, 170, 125);
    padding-bottom: 2%;
    padding-top: 2%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    text-align: center;
}

#quiz1 {
    font-family: 'Merriweather', serif;
    text-align: center; text-shadow: 0 0 15px rgb(255, 255, 255)
}

label {
    text-align: left;
}

input[type=button] {
    background-color: rgb(67, 150, 153);
    border-color: rgb(18, 18, 27);
    font-family: 'Bebas Neue', cursive;
    font-size: 34px;
    padding-right: 10px;
    padding-left: 10px;
    transition: 200ms;
}

input[type=button]:hover {
    background-color: rgb(161, 209, 211);
    border-color: rgb(18, 18, 27);
    font-family: 'Bebas Neue', cursive;
    font-size: 34px;
    padding-right: 10px;
    padding-left: 10px;
    transition: 200ms;
    cursor: pointer;
}

input[type=button]:active {
    background-color: rgb(32, 85, 87);
    border-color: rgb(6, 9, 156);
    color: wheat;
    font-family: 'Bebas Neue', cursive;
    font-size: 34px;
    padding-right: 10px;
    padding-left: 10px;
    transition: 200ms;
}

input[type=radio]{
    cursor: pointer;
}

input[type=text]{
    background: rgb(248, 237, 223); border-color: rgb(39, 52, 53); border-width: thin;
    font-family: 'Montserrat', sans-serif; font-size: 20px; border-radius: 8px;
    padding-left: 10px; padding-right: 10px; transition: 300ms;
}

input[type=text]:hover{
    background: rgb(228, 219, 209); border-color: rgb(39, 52, 53); border-width: thin;
    font-family: 'Montserrat', sans-serif; font-size: 20px; border-radius: 8px; 
    padding-left: 10px; padding-right: 10px; box-shadow: black; transition: 300ms;
}

#question {
    font-weight: bold;
    font-size: 17px;
    text-align: left;
}

#creditos {
    color: rgb(7, 4, 19);
    font-family: 'Bebas Neue', cursive;
    font-size: 20px;
    text-shadow: 0 0 15px rgb(255, 255, 255), 0 0 10px rgb(255, 255, 255);
    text-align: center;
}

#fim{
    font-family: 'Bebas Neue', cursive; font-size: 40px;
    text-align: center;
}

#fim2{
    font-family: 'Poppins', sans-serif;
    text-align: center; font-size: 30px;
}

#merda{
    text-align: center; 
    font-family: 'Poppins', sans-serif;
    font-size: 35px; color: rgb(107, 12, 12);
    text-decoration: none;
    transition: 200ms;
}

#merda:hover{
    font-family: 'Poppins', sans-serif;
    font-weight: lighter; font-size: 38px;
    text-decoration: none; transition: 200ms;
    }
    
#merda:active{
    font-family: 'Poppins', sans-serif;
    font-weight: bold; font-size: 38px;
    text-decoration: none; transition: 200ms;
    }