*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto';
}
body{
   height: 100vh;
   width: 100%;
   display: grid;
   place-items: center;
   background-color: blue;
}
.container{
    height: 300px;
    width: 300px;
    background-color: white;
    border-radius: 10px;
    padding: 10px 10px;
}
.container input{
    width: 100%;
    margin: 25px 0px;
    outline: none;
    border: 1px solid rgb(235, 125, 125);
    border-radius: 5px;
}
.container input:focus{
    border: 1px solid rgb(179, 179, 249);
}
button{
    padding: 5px 10px;
    border: none;
    background-color: blue;
    color: white;
    border-radius: 3px;
}
button:hover{
    cursor: pointer;
    background-color: rgb(102, 102, 244);
}