html,body,#container {
   height:100%;
   font-family: 'Open Sans', sans-serif;
}
a {
  text-decoration: none;
}
#container {
   width:100%;
   position:relative;
}
#container > #logo {
   width:40vmax;
   position:absolute;
   top:0; left:0; right:0; bottom:0;
   margin:auto;
}
.bottom-links{
 position: fixed;
 bottom: 6%;
 width: 100%
}
.bottom-links > a {
 width: 100%
}
.center {
 display: block;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.bottom-links > a > img {
  width: 3vmax;
  height: 3vmax;
  max-width: 50px;
  max-height: 50px;
  margin-top:0.5vmax;
}

.bottom-links > a > div {
  font-size: 1.5vmax;
}

/* Light mode */
@media (prefers-color-scheme: light) {
    body {
        background-color: white;
        color: black;
    }
    a{
      color: black;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #121212;
        color: white;
    }
    #container > #logo {
      filter: invert(100%);
    }
    a{
      color: white;
    }
}