:root {
  color-scheme: light dark;
}

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

body {
  color: light-dark(#343a40, #F8F9FA);
  background-color: light-dark(#F8F9FA, #343a40);
  display: flex;
  flex-flow: column nowrap;
}

header {
  flex: 15vh;
}

main {
  font: normal 400 clamp(2.125rem, 0.5179rem + 5.1429vw, 4.375rem)/1.2 "Yeseva One", 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;
}

@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  text-rendering: optimizeLegibility;
  src: url(../fonts/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNR8aOvG4w-.woff2) format('woff2');
}

@font-face {
  font-family: "Yeseva One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  text-rendering: optimizeLegibility;
  src: url(../fonts/OpNJno4ck8vc-xYpwWWxlilVWyXD.woff2) format('woff2');
}