*{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
             font-family: 'Phetsarath OT', Arial, sans-serif;
        }
        body{
            background-color:rgb(245, 248, 242);
        }

        
        form{
            margin: 2rem auto;
            margin-top: 10rem;
            width: 400px;
            padding: 2rem;
            box-shadow: 0 1px 20px rgba(53, 51, 51, 0.363);
            border-radius: 30px;
            background-color: #ffffff44;
          
        }
        form h1{
            text-align: center;
            font-size: 40px;
            color:#593ed4 ;
            margin-bottom: 2rem;
        }
        .box-1{
            margin-bottom: 1rem;
          
        }
         .box-1 label{
            display: block;
           
        } 
        .box-1 input[type=text],
        .box-1 input[type=password],
        .box-1 button{
            width: 100%;
            padding: 1rem 1rem;
            margin-top: 1rem;
            border-radius: 50px;
            border: none;
           background-color: aqua;
           
        }
         .box-1 button{
            background-color: #593ed4;
            color: #ffff;
            font-size: 20px;
            margin-top: 0;
        }
        button:hover {
    background-color: rgb(90, 90, 209);
}

input[type="text"]:hover {
    box-shadow: 0 0 5px rgb(126, 125, 138);
}



input[type="password"]:hover {
    box-shadow: 0 0 5px rgb(126, 125, 138);

}



textarea:hover {
    box-shadow: 0 0 5px rgb(255, 255, 255);

}

@media screen and (max-width: 1024px){
form {
    margin: 0 auto;
     width: 400px;
}
}
@media screen and (max-width: 768px){
form {
     width: 400px;
    margin: 2rem auto;
}
}
@media screen and (max-width: 480px){
form {
    margin: 0 auto;
     width: 300px;
}
}