body{
    background: #22C1C3;
background: linear-gradient(0deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
color: rgb(97, 30, 21);
 font-family: 'ADLaM Display', sans-serif;
  margin-left: 600px ;                                    
}

h1{
 font-family: 'Agbalumo', sans-serif;
 padding-left: 60px;
 margin: 0px;

}
form{
    width: 600px;
    line-height: 1.4;


}
fieldset{
    border: 5px double rgb(65, 21, 21);
    border-radius: 25px;
}
legend{
font-family: 'Agbalumo', sans-serif;
color: rgb(139, 56, 8);
font-weight: 700;
letter-spacing: 2px;
                                                
}
.course{
    padding: 0px;
    margin: 0px;
    line-height: 2;
}
input[required]{
border: 2px solid rgb(218, 104, 10);
border-radius: 25px;
height: 25px;

}
input[optional]{
    border: 2px solid rgb(88, 54, 25);
}
input[text]{
    font-size: larger;
}
input:focus{
    background-color: rgb(128, 243, 224);
}
input[type="RESET"]:focus{
     background-color: rgb(128, 243, 224);
     font-size: larger;
}
input[type="RESET"]{
    
     font-size: larger;
}
input+p{
    display: none;
}
input:hover+p{
display: inline;
background-color: rgb(151, 252, 36);
}
input[type="radio"]:checked{
    height: 30px;
    width: 30px;
    font-size: 20px;
}
input[type="radio"]:checked+label{
    font-size: 25px;
    background-color: rgb(151, 252, 36);
    border-radius: 25px;
}
.institute{
  line-height: 4;
}
select{
    background-color:rgb(36, 202, 125) ;
    font-family: 'ADLaM Display', sans-serif;
    border-radius: 25px;
    font-size: smaller;
}
textarea{
    resize: none;
}
input[type="email"]~img{
    display: none;
}

input[type="email"]:focus:valid~img#correct{
    display: inline;
    height: 20px;
    width: 20px;
   
}
input[type="email"]:focus:invalid~img#wrong{
    display: inline;
    height: 20px;
    width: 20px;
}
select[name="course"]{
    background-color:rgb(252, 208, 63) ;
    font-family: 'ADLaM Display', sans-serif;
    border-radius: 25px;
    font-size: smaller;
}
input[value="TAP ACADEMY"]{
background-color: rgb(252, 208, 63) ;
}
input[type="SUBMIT"]:focus{
   background-color:  rgb(252, 208, 63) ;
   
}
input[type="number"]~img{
    display: none;
}
input[type="number"]:focus:valid~img#validage{
    display: inline;
    height: 20px;
    width: 20px;
   
}
input[type="number"]:focus:invalid~img#invalidage{
    display: inline;
    height: 20px;
    width: 20px;
}

input#button{
    font-size: larger;
    margin-left: 250px;
}