/* Stefan Neubauer — Onepage Website */

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=247c5848-bf6e-4f65-82fe-89791d543b30&fontids=1097246");
@font-face {
    font-family: "Recta W01 Medium";
    src: url("fonts/1097246/ee1daad3-65d5-4bbd-b554-c903232ba4b3.eot?#iefix");
    src: url("fonts/1097246/ee1daad3-65d5-4bbd-b554-c903232ba4b3.eot?#iefix") format("eot"), url("fonts/1097246/0e5f3116-b440-430d-9796-697acf7cb410.woff") format("woff"), url("fonts/1097246/fd40a3c8-23d2-4c1c-b6e4-21f4aeb90de7.ttf") format("truetype"), url("fonts/1097246/19aa47ca-8ed9-44fe-a334-6d43eb38a09b.svg#19aa47ca-8ed9-44fe-a334-6d43eb38a09b") format("svg");
}

:root {
  --bg: #ffffff;
  --text: #000000;
  --muted: #000000;
  --contrast: #1EFF00;
	  
	  


  /* One main font size for the whole page */
  --size: clamp(2rem, 6vw, 5.5rem);
  --small-size: clamp(0.9rem, 1.4vw, 1.1rem);
  --page-space: clamp(1.25rem, 3vw, 3rem);
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  font-family: "Recta W01 Medium";
  font-size: 5vw;
  line-height: 2;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: var(--size);
  line-height: 0.95;
  letter-spacing: -0.06em;
  text-transform: lowercase;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.page {
  min-height: 100vh;
  display: block;
  align-items: center;
  padding: var(--page-space);
  padding-top: 0;
  margin-top: 0.5em;
}

.content {
  max-width: 80vw;
}

h1,
p {
  margin: 0;
  font: inherit;
  line-height: 10vw;
}

p + h1,
h1 + p,
p + p,
p + .pills {
  margin-top: 0.5em;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus-visible {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-color: var(--text);
}

.pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18em;
  margin-top: 1em;
  padding-top: 0.5em;
}

.pills a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0.55em 0.24em;
  border: 0.085em solid currentColor;
  border-radius: 999em;
  line-height: 0.9;
  letter-spacing: -0.06em;
  text-decoration: none;
}

.pills a:hover,
.pills a:focus-visible {
  background: var(--text);
  color: var(--bg);
  text-decoration: none;
  border: 0.085em solid #111111;
}

footer {
  position: fixed;
  right: var(--page-space);
  bottom: var(--page-space);
  color: var(--muted);
  font-size: var(--small-size);
  line-height: 1;
  letter-spacing: -0.03em;
}

@media (max-width: 700px) {
  .page {
  
  }

  footer {
    position: static;
    padding: 0 var(--page-space) var(--page-space);
  }
}