cont.css

*{
    background-color: #85FFBD;
    background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
    
}

  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&display=swap');

.main{
align-items: center;
justify-content: center;

}


.container{
    background-color: aliceblue;
    opacity: 90%;
    padding: 15px;
    margin-top: 10%;
    margin-left: 30%;
    border: 2px solid black;
    max-width: 50%;


}
.button{
justify-content: space-evenly;
display: flex;

}

button{
    font:large;
    padding: 8px;
    background-color: rgb(183, 209, 122);
    font-size: 15px;
}
h1{
    font-family: 'Roboto Slab', serif;
    text-decoration:underline;
   text-align: center;
   font-family: sans-serif;
}

form{
    width: 70%;
    font-size: x-large;
}
input{
    border: 1px solid rgb(17, 16, 16);
    width: 70%;
    padding: 5px;
    margin-left: 29%;


}
label{
    font-size: x-large;

}