/* ALGEMEEN*/
/*___________________________________________________________________________________________________________________*/
@font-face {
    font-family: roboto;
    src: url(/fonts/roboto/Roboto-Condensed.ttf) format(ttf);
}
@font-face {
    font-family: stagera;
    src: url(/fonts/stagera/Stagera.otf) format(otf);
}
html, body {
  height: 100%;
  margin: 0; /* Verwijder standaard marges die browsers vaak toevoegen */
}


body{
    background-image: linear-gradient(to bottom right, rgba(231, 136, 45), rgba(249, 219, 172));
}

h1{
    color: #f9dbac;
    font-family: stagera, Verdana, sans-serif;
    font-size: 90px;
    padding-left: 300px;
    padding-bottom: 0.8em;
}
h2{
    color: #f9dbac;
    font-family: stagera, Verdana, sans-serif;
    padding-top: 4em;
    padding-bottom: 1em;
    font-size: 35px;
    padding-left: 300px;
}
h3{
    color: #f9dbac;
    font-family: roboto, Verdana, sans-serif;
    font-size: 15px;
    padding: 1em;
    padding-left: 300px;
}
.bodytekst{
    color: #f9dbac;
    font-style: normal;
    font-family: roboto, Verdana, sans-serif; 
    font-size: 18px;
    padding-left: 300px;
}

.footertekst{
    color: #f9dbac;
    font-style: normal;
    font-family: roboto, Verdana, sans-serif; 
    font-size: 25px;

}


a{
    text-decoration: none;
    font-family: roboto, Verdana, sans-serif;
    color:rgba(231, 136, 45);
}

.inhoud{
    padding: 4em;
    width: 1000px;
}

.buttons{
    padding-left: 300px;
}

.button{
    font-family: roboto, Verdana, sans-serif;
    background-color: #ffbe98;
    color:#e7e7e7;
    border: none;
    padding: 16px 32px;
    margin: 4px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
    cursor: pointer;
    display: inline-block;
}

.footer{
    padding-top: 20em;
    padding-bottom: 4em;
    padding-left: 360px;
}



.button1 {
  background-color: #e7e7e7; 
  color: black; 
  border: 2px solid #ffbe98;
}

.button1:hover {
  background-color: #ffbe98;
  color: #e7e7e7;
}

.button2 {
  background-color: #e7e7e7; 
  color: black; 
  border: 2px solid #ffbe98;
}

.button2:hover {
  background-color: #ffbe98;
  color: #e7e7e7;
}

.button3 {
  background-color: #e7e7e7; 
  color: black; 
  border: 2px solid #ffbe98;
}

.button3:hover {
  background-color: #ffbe98;
  color: #e7e7e7;
}