#contact{
    background-color: rgba(21 26 31 / 80%);
    position: absolute;
    display: flex;
    flex-direction: column;
    
    left: 50vh;
    top: 25vh;
    width: 50vw;
    height: 50vh;
    backdrop-filter: blur(20px);
    border-radius: 5px;
   
}

#L1{
    color: white;
    font-size: 20px;
    padding: 0;
    top: 0;
    margin: 5;
    text-align: center;
}
#L2{
    color: white;
    font-size: 30px;
    padding: 0;
    top: 0;
    margin-top: 5;
    margin-bottom: 0;
    text-align: center;
    
}
#L3{
    color: white;
    font-size: 20px;
    padding: 0;
    top: 0;
    margin: 5;
    text-align: center;
    
}
#L3 a:hover {
    color: #ca0000;
    transition: ease-in .2s;
}
#L3 a {cursor: pointer;
  text-decoration: none;
  color: white;
}
#contactForm{
    margin: 10%;
    height: auto;
    width: 80%;
    align-items: center;
}
.input-field{
    width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical   
}
input {
    padding: 0; 
    box-sizing: border-box;
    width: 100% 
  } 
textarea {
    resize: none;
  }
 
  #formheader{
    
    padding-bottom: 2vh;
    height: 5vh;
    width: 100%;
  }

  #contacthead{
    font-size: 1000px;
  }