/*style.css*/
body {
font-family: sans-serif;
background: #f3f3f3;
margin: 0;
}
.container{
width: 310px;
height: 420px;
margin: auto;
margin-top: 50px;
background-color: rgb(208, 208, 211);
box-shadow: rgba(211, 220, 230, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.login{
width: 300px;
height: 180PX;
margin-top: 20px;
}
.image{
width: 300px;
height: 150px;
}
input{
width:200px;
box-sizing:border-box;
position: static;
margin-top: 20px;
padding: 5px;
border-radius: 5px;
font-size: 18px;
margin-left: 10px;
background-color: rgb(237, 233, 233);
}
label{
margin-left: 10px;
}
.log-in{
color: white;
font-weight: bold;
padding: 8px;
margin-left: 45%;
margin-top: 20px;
width: 50%;
border-radius: 15px;
border: none;
cursor: pointer;
background-color: rgb(21, 193, 122);
}
.log-in:hover {background-color: #8dd999;}
img{
border-radius: 10px;
}
.login-text{
color: rgb(216, 72, 72);
margin-left: 25%;
}