/*FORM*/
 #contactForm {
    padding:15px;
    margin-top:15px;
    background-color: burlywood;
    font-family: Arial, sans-serif;
    max-width: 300px; 
    border-radius:8px;
  }

    #contactForm input, #contactForm textarea{
    width: 90%;
    padding: 10px;
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    border:none;
    border-radius:5px;
    text-align: center;
  }

 #submitBtn {
    padding: 5px;
    cursor: pointer;
    text-align: center;
    width: 37%;
    margin: 10px auto 10px auto;
    display: block;
  }

#submitBtn:disabled {
    background: #ccc;
    cursor: not-allowed;
  }

#submitBtn:hover{
  background-color: beige;
 }

 #submitBtn:focus{
  outline:2px solid burlywood;
 }

  /* Honeypot hidden field */
  .hidden {
    display: none;
  }


#loadingSpinner {
  font-size: 16px;
  font-weight: bold;
  color: green;
  padding: 10px;
  display: none; /* Initially hidden */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*background-color: rgba(255, 255, 255, 0.8); /* Optional: semi-transparent background */
  background-color: transparent; /* Optional: semi-transparent background */
}

#contactForm input, #contactForm textarea, #submitBtn {
  display:block;
}

.display-none {
  display:none;
}
* {
  box-sizing: border-box;
}