*{
 @import url('https://fonts.cdnfonts.com/css/averia-sans-libre');                                                                 
 font-family: 'Averia Sans Libre', sans-serif;   
}
body{
background-image: linear-gradient(to top, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%);
color:rgb(238, 233, 216); 

}
form{
   width: 500px; 

}
fieldset{
    border: 3px double rgb(52, 209, 249);
    border-radius: 40px;
}
legend{
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-style: oblique;
                                                
}
input:required{
    border: 4px solid rgb(205, 50, 130);
    border-radius: 30px;
}
input:optional{
    border: 3px dotted rgb(30, 224, 143);
    border-radius: 5px;
}
input:read-only{
    background-color: #ff7882;
    color: aqua;
}
input[type=radio]:checked{
     height: 20px;
     width: 20px;
     
}
input[type="radio"]:checked + label{
     color: hsl(89, 100%, 50%);
}
input[type="submit"]{
    border: 3px solid greenyellow;
   border-radius: 10px;
}
input[type="reset"]{
    border: 3px solid greenyellow;
   border-radius: 10px; 
}
select{
    background-color: #0c1db8;
    border: 50px;
    color: azure;
    cursor: pointer;
    border-radius: 50px;
}
input:focus{
    background-color: hsl(61, 95%, 58%);

}
input[type="text"]+p{
    display: none;
}
input[type="text"]:hover+p{
    display: inline;
}
input[type="email"]+p{
    display: none;
}
input[type="email"]:hover+p{
    display: inline;
}
img{
    display: none;
}
input[type="text"]:focus:valid~img#valid{
    display: inline;
    height: 30px;
    width: 30px;
}
input[type="text"]:focus:invalid~img#invalid{
    display: inline;
    height: 30px;
    width: 30px;
}
input[type="email"]:focus:valid~img#valid{
    display: inline;
    height: 20px;
    width: 20px;
}
input[type="email"]:focus:invalid~img#invalid{
    display: inline;
    height: 20px;
    width: 20px;
}
input[type="checkbox"]:checked{
     height: 20px;
     width: 20px;
     
}
textarea[name="Address"]{
    background-color: aqua;
    color: #020f75f6;
    border-radius: 20px;
}