body{font-family: roboto , poppins;margin: 0px;padding: 0px;}

.container{background-image: url(pic.jpeg);width: 100vw;height: 100vh;background-size: cover;background-position: center;

display: flex;flex-direction: column;align-items: center;justify-content: center;align-content: center;  

}
form{background-color:rgba(255, 255, 255, 0.6);padding: 25px;border-radius: 15px;
display: flex;flex-direction: column;box-shadow: 4px 4px 20px white;
}
.form-p{font-family: Poppins;font-weight: 600;font-size: 40px;display: flex;flex-direction: column;align-items: center;}
input{display:block;}

.input1{padding: 15px;border-radius: 5px;border: none;outline: none;opacity: 0.6;}
button{padding:15px ;border: none;background-color: rgb(9, 122, 75);color: white;
font-size: 18px;font-family: roboto;border-radius: 2px;opacity: 0.7;cursor: pointer;
transition:opacity 1.5s;
}
button:hover{opacity: 1;}

@media screen and (width<500px) {

form{max-width: 350px;}

}
@media screen and (height<500px) {
.container{height:110vh;}


}