.container{
    width:30%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: auto;
    margin:auto;
    margin-top:100px;
    text-align:center;
    padding: 20px;
    background-color:white;
}
input[type="submit"]:hover{
background-color: teal;
}
input[type="submit"]{
background-color: blue;
color: white;
cursor: pointer;
border-radius: 5px;
width: 90%;
padding: 12px 18px;
border: 1px;
}
input[type="button"]:hover{
background-color: teal;
}
input[type="button"]{
width: 90%;
padding: 12px 18px;
border-radius: 5px;
border: 1px;
}
input[type="email"]{
width: 80%;
padding: 12px 18px;
border: 1px solid black;
border-radius: 5px;
}
input[type="password"]{
width: 80%;
padding: 12px 18px;
border: 1px solid black;
border-radius: 5px;
}
.container>h1{
text-align:left;
margin-left: 15px;
font-size: 20px;
}
form>p{
display: inline-block;

}
form>p>a{
    margin-left:10px;
}
input[type="checkbox"]{
display:inline-block;
font-size: 12px;
}
#logo{
width: 100%;
height: 120px;
background-color: blue;
display: flex;
justify-content: center;
margin-top: 0;
}
#logo>img{
width: 15%;
height:50px;
margin-top: 30px;
}
body{
background-image:url(https://www.teahub.io/photos/full/74-747766_cute-baby-with-teddy-bear-baby-with-teddy.jpg);
}
label{
margin-right: 20px;
}