style.css

body{
    height: 100vh;
    width: auto;
    background-color: rgb(173, 171, 171);
    display: flex;
    justify-content: center;
    align-items: center;
}
.box{
    height: 250px;
    width: 400px;
    text-align: center;
    border-radius: 10px;
    background-color: rgb(10, 18, 31);
}
input{
color: rgb(255, 255, 255);
width: 75%;

border: 1px solid rgb(16, 30, 68);
box-shadow: 0px 0px 5px 0px rgb(7, 54, 85);

font-size: 30px;
background-color: transparent;
padding: 10px 20px;
border-radius: 5px;
font-family: Verdana, Geneva, Tahoma, sans-serif;

}
button{
height: 40px;
width: 85%;
border-radius: 5px;
border: 1px solid rgb(163, 158, 158);
border: 1px solid rgb(16, 30, 68);
box-shadow: 0px 0px 5px 0px rgb(7, 54, 85);
background-color: transparent;
color: white;font-size: 18px;
}
button:hover{
background-color: rgb(103, 112, 240);
transition: 1s;
color: wheat;
}
.head{
color: white;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}