@font-face {
    font-family: 'Basalte';
    src: url('fonts3/Basalte-Fond.woff2') format('woff2'),
         url('fonts3/Basalte-Fond.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  width: 80vw;
  margin: auto;
  background-color: midnightblue;
}

h1{
  font-family: "Basalte";
  font-size: 10em;
  margin-bottom: 50px;
  color: lavender;
}

h2{
  text-align: center;
  font-size: 5em;
  margin-top: 0;
  color: lavender;
}

a{
  display: block;
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 30px;
  color: lavender;
  border: solid 3px lavender;
  padding: 7px;
  text-decoration: none;
}

p{
  color: lavender;
  font-size: 5em;
  margin-top: 30px;
}

img{
  width: 80vw;
  margin-top: 30px


}

#Button1{
  width: 15vw;
  margin-right: 150px;
}
#Button2{
  width: 15vw;
  margin-right: 150px;

}
#Button3{
  width: 15vw;
}

/* @media only screen and (orientation: landscape) {
  body {
  }
} */