#container {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nav_buttons {
  width: 80vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
  *{
    margin-top: 30px;
    height: 10vh;
  }
}

// .logo {
//   margin-left: auto;
//   margin-right: auto;
//   margin-bottom: 50px;
//   max-width: 80vw;
// }
// .logo_light {
//   display: none;
// }

// @media (prefers-color-scheme: dark) {
//   .logo_dark{
//     display: none;
//   }

//   .logo_light {
//     display: block;
//   }
// }