*{
    padding: 0;margin: 0;
}
.header{
    color: rgb(11,153,110);
    text-align: center;
    font-size: 22px;
    margin-top: 35px;
    font-family: Inter-Regular, Arial, sans-serif, ui-sans-serif, "system-ui", -apple-system;;
}
body{
    background-color: rgb(250,245,227);
    justify-content: center;
}
.details{
    background-color:rgb(255,255,255);
    padding:20px;
    margin-left: 33%;
    margin-right: 33%;
    margin-top: 32px;
    border-radius: 20px;
    margin-bottom: 30px;
}
.email, .password {
    font-size: 18px;
    font-family:  Arial, sans-serif, ui-sans-serif, "system-ui", -apple-system;

}
#email, #password {
    border-radius: 10px;
    height:40px;
    width: 488px;
    border:2px solid rgb(233, 240, 238);
    margin-top: 15px;
    margin-bottom: 15px;
}
.loginbtn{
    background-color:rgb(44,44,44);
    color: white;
    font-family: Inter-SemiBold, Arial, sans-serif, ui-sans-serif, "system-ui", -apple-system;;
    height:40px;
    width: 488px;
    border-radius: 20px;
    margin-top: 20px;
    border: none;
}
.google, .apple {
    background-color: white;
    height:43px;
    width: 488px;
    border-radius: 20px;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: none;
    justify-content: center;
    border:2px solid rgb(233, 240, 238);
    font-size:17px;
    font-weight: bold;

}
.apple{
    margin-bottom: 22px;
}
form p{
    color:rgb(107, 107, 107);
    text-align: center;
    margin-top: 20px;
}
a{
    color: black;
    margin-left: 30px;
    font-size: 18px;
}
a:hover{
    color: blue;

}