two.css

.container{
    margin: 50px 450px;
    background-color: white;
    height: 380px;
    width:300px ;
    border: 1px solid white;
    border-radius: 4%;
    box-shadow:  -10px -10px 10px  rgb(186, 185, 185);
    
}
.inner{
    margin: 20px;
    padding: 20px;
    align-items: center;
    
}
h3{
    text-align: center;
    font-family:Arial Bold, Helvetica, sans-serif;
    font-weight: bold;
}
button{
    width: 220px;
    height: 40px;
    background-color: rgb(35, 195, 244);
    padding:2% 10%; 
    margin-top: 10px;
    margin-bottom: 1px;
    color: black;
    font-weight: bolder;
    border: 1px solid  rgb(35, 195, 244);
    border-radius: 20px;
}
button:hover{
    transform: scale(1.05);
    transition: 0.1s;
    background-color: blue;
    border: 2px solid blue;
}
a{
    text-decoration: none;
    color: rgb(161, 159, 159);
    
}
a:hover{
    text-decoration: blue underline;
    color:blue;
}
p{
    color: rgb(161, 159, 159);
}
label{
    color: rgb(35, 195, 244);
}
::placeholder{
    color: rgb(35, 195, 244);
}
input{
    height: 38px;
    width: 220px;
    border: 1px solid white ;
    border-radius: 10px;
    box-shadow: inset -0.5em -0.5em 5px rgb(182, 181, 181);
    outline: none;
}