body{
    display: flex;

    align-items: flex-end;

padding: 0;
  max-width: 100%;
  max-height: 100%;
    
background-color: #1b00bf ;

  





color: white;
    
}

div{
   
   
    align-items: center;
  
    flex-direction: column;
    display: flex;
   


}

form{

    border:solid white 5px;
display: flex;
   padding: 15px;
    border-radius:25px;
    flex-direction: column;
    margin-top:2vh ;
    width: min-content;
    
    

    
}

nav{ 
   
    border: solid #ffffff;

    border-radius:35px;
   padding: 0.8vh;
  
    text-decoration: none;
  display: inline-flex;
     gap: calc(1px + 6px);
  


}


a{
    color: white;
    text-decoration: none;
    padding: 0.5vh;
 
}



input{
    border-radius:10px ;
}


label{
    padding: 10px;
    font-size: larger;
    font-weight: 500;
}

p{
    
border: solid ;
border-radius: 15px;
padding: 1vh;

margin-bottom: auto;
font-size: 30px;


    
}


#submit, #reset{
    
    border: solid white;
    
;   
}

audio{
    margin-top: 3vh;
    border-radius: 25px;
}

 #audio_label{
   margin-top: 3vh;
  font-size: 3vh;
}


img{
    max-width: 10vh;
    max-height: 10vh;
   margin-right: auto;
   border-radius: 25px;
   padding: 0;
   height: min-content;
   display: inline-flex;
   
}

#favicon{
    border-radius: 50px;
}

h1{
  
}


a:hover{
    transform: scale(110%);
    transition-duration: 0.3s;
}



label:hover{
transform: scale(110%);
transition-duration: 0.2s;

}





h1:hover{

    transform: scale(110%);
    transition-duration: 0.3s;
    
}


p:hover{

    transform: scale(110%);
    transition-duration: 0.3s;
}


p{

    margin-bottom: 2vh;
    padding: 2vh;
    
}



.nav{

    width: max-content;
    flex-direction: row;
   gap: calc(1px + 6px);
    margin-right: auto;
    
    justify-content: left;

    
}



@media (max-width:600px){
img{
    max-width: 10vh;
    max-height: 10vh;
   margin-right: auto;
   border-radius: 25px;
   padding: 0;
   height: min-content;
   display: inline-flex;
   margin-left: auto;
   width: 100%;
   


  
   
}

body{

  
width: 100%;

}


h1{
    margin-right: auto;
    font-size: medium;
    margin-left: auto;

}

p{
    width: 85%;
    margin-right:auto;
    margin-left:auto;

}
}