body {
    background-image: url(https://img3.wallspic.com/crops/0/2/5/9/39520/39520-ciel_de_nuit-ciel-obscurite-nuit-graphiques_vectoriels-2560x1600.jpg);
    background-attachment: fixed;
    font-family: "Space Grotesk", sans-serif;
}


.main-section {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

h1 {
    text-align: center;
    color: #e7bb67;
}

h3 {
  font-size: 20px;
}

h3, h2 {
  color: #eecf94;
}

main {
  margin: 5vh 2vw 5vh 22vw;
  color: white;
  border: 4px solid #e7bb67;
  background-color: #091e36;
  border-radius: 10px;
}

header {
  color: #e7bb67;
  font-weight: bold;
  text-decoration: underline;
  font-size: 26px;
}

#navbar {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 19vw;
}

.nav-link,
#navbar header {
  display: block;
  font-size: 1.3vw;
  width: 100%;
  padding-bottom: 2.5vh;
  padding-top: 2.5vh;
  text-align: center;
  border: 4px solid #e7bb67;
  text-decoration: none;
  color: #e7bb67;
  font-weight: normal;
  margin-bottom: 2vh;
  border-radius: 10px;
  min-width: 2.5vh;
  background-color: #091e36;
}

.nav-link:hover {
    border: 4px solid #ebc885;
    text-decoration: underline;
    background-color: #3a4a5e;
    color: #ebc885;
}

@media (max-width: 400px) {
  .nav-link, #navbar header {
    font-size: 2.5vw;
  }
}