*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.container{
    background:url(Images/pexels-fauxels-3184360.jpg);
    background-size: cover;
    width:100%;
    height:100vh;
    opacity: 0.7;
}

.form{
    background-color:white;
    margin :30%;
    margin-top:0%;
    position:  relative;
    top: 15%;
    height:70%;
    width: 35%;
    border: 2px solid black;
    border-radius:17px;
    border: none;
    text-align: center;
    /* bottom: 20%; */
}

.button:hover{
    background-color: rgb(17, 136, 216);
}

.button{
    width: 75%;
    height: 6vh;
    background-color: aquamarine;
    cursor: pointer;
    border-radius: 6px;
}
.form1{
    /* margin-top: 5%; */
}

#first{
    width: 50%;
    padding: 1%;
}
#second{
    width: 50%;
    padding: 1%;
}
#third{
    width: 50%;
    padding: 1%;
}
#fourth{
    width: 50%;
    padding: 1%;
}