:root {
  color-scheme: light dark;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  color: light-dark(#2F2F2F, #F6F6F6);
  background-color: light-dark(#F6F6F6, #2F2F2F);
  display: flex;
  flex-flow: column nowrap;
}

header {
  flex: 15vh;
}

main {
  font: normal 400 clamp(2.125rem, 0.5179rem + 5.1429vw, 4.375rem)/1.2 "Roboto Serif", serif;
  letter-spacing: 7px;
  flex: 70vh;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

footer {
  font: normal 400 clamp(0.75rem, 0.5156rem + 0.75vw, 0.9375rem)/1.2 "Mulish", sans-serif;
  letter-spacing: 1px;
  flex: 15vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text {
  white-space: nowrap;
}