@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap");
body {
    font-family: "lato", sans-serif;
    margin: 0;
    background-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    
    background-image: linear-gradient(
      to right bottom,
      rgba(236, 230, 227, 0.507),
      rgba(97, 189, 132, 0.8)
      ),
      url("jessica-tan-GeqN7x8oI3I-unsplash.jpg");
      background-size: cover;
}


h1{
  text-align: center;
  padding:20px;
  margin-top:40px;
  }

  h3{
    text-align: center;
    margin-bottom: -60px;
  }

  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(83, 83, 83);
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 80%;
    }
    li {
    float: left;
    }
    li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }
    li a:hover:not(.active) {
    background-color: rgb(160, 160, 160);
    }
    
    .active {
    background-color: rgba(97, 189, 132, 0.8);
    }

* {box-sizing: border-box;}


img{
width: 30%;
height: 30%;
float: right;
position: relative;
top: 130px;
right: 100px;
border-radius: 5%;
filter: contrast(100%);
opacity: 90%;
}

.container {
  border-radius: 0px;
  padding: 100px;
  width: 60%;
}


input[type=button], input[type=submit], input[type=reset] {
background-color: rgba(97, 189, 132, 0.8);
border: none;
color: rgb(255, 255, 255);
text-decoration: none;
cursor: pointer;
}

input[type=text]{
  border: 0.5px solid rgb(168, 168, 168);
  border-radius: 4px;
  text-align: left;
  }

  input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
  }
  
  input[type=submit] {
    background-color: rgb(83, 83, 83);
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    background-color: rgba(97, 189, 132, 0.8);
  }

  footer{
    text-align: center;
    padding: 2px;
    margin: 0px;
    background-color: rgb(255, 255, 255);
    color: rgb(83, 83, 83);
    font-size: 90%;
  }