/*


.______   .______     ______      
|   _  \  |   _  \   /  __  \     
|  |_)  | |  |_)  | |  |  |  |    
|   _  <  |   _  <  |  |  |  |    
|  |_)  | |  |_)  | |  `--'  '--. 
|______/  |______/   \_____\_____\
                                  


*/

.secondpart p {
  margin-top: 10px;
}

form {
  text-transform: capitalize;
  /*   padding-bottom: 40px; */
}

form p {
  text-transform: capitalize;
}

f form span {
  text-transform: capitalize;
}

@media (max-width:600px) {
  .form-container {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 20px;
  }
}

textarea {
  width: 100%;
  height: 200px;
  border-radius: 5px;
  color: #000000;
  border: 1px solid lightgrey;
}

input[type="text"],
input[type="email"] {
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
}

.greysmall {
  font-size: 0.8em;
}

.mainInput {
  float: right;
  width: 60px;
}

.menuOpties {
 margin-bottom: 10px;
 padding-bottom: 10px;
}
.disabled {}

.subInput {
  margin: 5px;
  width: 50px;
}

label {
  margin-bottom: 10px;
  font-size: 1em;
}

.subLabel {
  width: 100%;
  padding-right: 0;
  justify-content: space-between;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.8em;
}

summary {
  color: #383838;
}

input[type="submit"] {
  padding: 10px;
  border: none;
}


.form-container {
  margin: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

@media (max-width: 600px) {
  .form-container {
    grid-template-columns: 1fr;
  }
  nav ul li {
    display: block;
    margin-bottom: 10px;
  }
  h1 {
    width: 100%;
    font-size: 4em;
  }
  nav {
    margin-left: 0;
  }
  nav ul li a {
    text-decoration: none;
  }
  nav {
    position: static !important;
    width: 100%;
  }
  /*   nav ul li a:hover:before {
    content: "";
    position: absolute;
    top: 65px;
    width: 0px !important;
    height: 3px;
    background: white;
  } */
  .active:before {
    width: 0 !important;
  }
  body {
    background: none !important;
  }
  h1 {
    font-size: 3em !important;
  }
  .hide {
    display: none;
  }
  /*   html {
    overflow-x: hidden;
  } */
}