main {
  /* overige main-specifieke styling */
  color: #d3d3d3;
  font-family: 'Lora', serif;
  font-weight: normal;
  font-size: 1.25rem;
}

.image-container img {
  height: 79vh;
  width: auto;
  display: block;
  margin: 0 auto;
}

.about-me {
  position: relative;
  padding-top: 20px;
  max-width: 80vw;
  color: #d3d3d3;
  font-family: 'Lora', serif;
  font-weight: normal;
  font-size: 1.25rem;
  height: 80vh;
  margin: 0 auto;
}

#about-me-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/AboutMe-543x768.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

  /* Contactform styling */
.contactform-container {
  position: relative;
  padding-top: 20px;
  max-width: 80vw;
  color: #d3d3d3;
  font-family: 'Lora', serif;
  font-weight: normal;
  font-size: 1.25rem;
  height: 80vh;
  margin: 0 auto;
}

.contactform-inputfield-container {
  margin-bottom: 1rem; 
  position:relative; 
  font-size:18px;
  color:#673211; 
  letter-spacing:1.5px; 
  box-sizing:border-box; 
  padding:10px 10px 10px 10px; 
  width:100%; 
  max-width:100%;
}

.contactform-inputfield {
  width:97%; padding:0.5rem; 
  border-radius:4px; 
  border-top:1px solid #222; 
  border-left:1px solid #222; 
  border-bottom:1px solid #d3d3d3; 
  border-right:1px solid #d3d3d3; 
  font-size:16px; 
  background-color:#464646; 
  color:#d3d3d3; 
  font-family:'Open Sans', Tahoma, Geneva, sans-serif; 
  line-height:1.5; 
  box-shadow: inset 3px 3px 8px #232323, inset -3px -3px 8px #5a5a5a;
}

.contactform-send-button {
  background-color: #666; 
  color: #fff; 
  border:none; 
  border-radius:4px; 
  padding:0.7rem 1.5rem; 
  font-size:1rem; 
  cursor: pointer;
}

.contactform-button {
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid #464646;
  padding-left: 20px;
  padding-right: 20px;
  width: fit-content;
  color: #d3d3d3;
  font-family: 'Lora';
  font-weight: normal;
  font-size: 1.25rem;
  background: none;
}

.contactform-button:disabled {
  color: #636363;
  cursor: default;
}