/*======================================

  fabiansax.eu
  layout.css for mobile devices

  - define website layout

=======================================*/
.site {
  display: grid;
  font-family: "Overpass-Mono", monospace;
  grid-row-gap: 1rem;
  grid-template: 3rem auto 1fr 3rem / 1fr 95vw 1fr;
  margin: 2.5vw 0 0 0;
}

.site-header {
  font-family: "SpaceGrotesk";
  font-size: 3rem;
  font-weight: 600;
  grid-area: 1 / 2 / 2 / 3;
  text-decoration: none;
}

.site-nav {
  grid-area: 2 / 2 / 3 / 3;
}

.site-content {
  grid-area: 3 / 2 / 4 / 3;
}

.textbased-content {}

.textbased-content-container {}

.mediabased-content {
  display: grid;
  grid-template: 1fr 95vw auto / 1fr;
}

.site-footer {
  display: none;
}

.hidden {
  display: none;
}