@font-face {
  font-family: "microgramma";
  src: url("/fonts/microgramma.eot"),
  url('/fonts/microgramma.eot#iefix') format('embeddd-opentype'),
  url("/fonts/microgramma.woff") format('woff'),
  url("/fonts/microgramma.ttf") format('truetype');
}

/* poppins-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/poppins-v23-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.background{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
}

.side_content {
  margin-left: 40%;
}

.side_content a{
  color: white;
  text-decoration: underline;
  font-family: microgramma,Poppins,sans-serif;
  font-size: min(5cqw, 1.25em);
}

.semanticLang {
  filter: invert(1);
  width: 85%;
  display:block;
  margin: -5px auto auto;
}

.side_content a:hover{
  color: #fdeb00;
}

@media (max-width: 800px) {
  .side_content {
    margin-left: 10%;
  }
  .side_content a{
    color: white;
    text-shadow: #000000 0 0 20px;
  }

  .side_content a:hover{
    color: #fdeb00;
    text-shadow: #000000 0 0 20px;
  }

  .semanticLang {
    filter: invert(1);
    width: 90%;
    display:block;
    margin: 1em auto auto;
  }
}