.resize-animation-stopper * {
  transition-duration: 0 !important;
  transition: none !important;
}

body {
  --bgColor: #f1f1f1;
  --buttonColor: #fbfbfb;
  --buttonColorHover: #dfdfdf;
  --fgColor: #0a0f12;
  --windowColor: var(--buttonColor);
  --windowButtonColor: var(--bgColor);
  --windowButtonHoverColor: var(--buttonColorHover);
  --buttonGradientLarge: linear-gradient(126deg, rgb(249, 249, 249) 0%, rgb(240, 240, 240) 100%);
  --buttonGradientSmall: linear-gradient(126deg, rgb(239, 239, 239) 0%, rgb(247, 247, 247) 100%);
  --dropShadow: drop-shadow(0 0.2rem 1px rgba(0, 0, 0, 0.15));
  --borderRadius: 0.5rem;
  --borderThickness: 0.15rem;
  --transition-duration: 0.4s;
  background-color: var(--bgColor);
  margin: 0;
  padding: 0;
}
body * {
  font-family: "Lato", sans-serif;
  color: var(--fgColor);
  transition-duration: 0.4s;
}

body.darkMode {
  --bgColor: #0d0d0d;
  --buttonColor: #272727;
  --buttonColorHover: #3b3b3b;
  --buttonGradientLarge: linear-gradient(126deg, rgba(46,46,46,1) 0%, rgba(25,25,25,1) 100%);
  --buttonGradientSmall: linear-gradient(126deg, rgb(31, 31, 31) 0%, rgb(26, 26, 26) 100%);
  --windowButtonHoverColor: #1b1b1b;
  --fgColor: #ddddde;
  --dropShadow: drop-shadow(0 0.3rem 1px rgba(0, 0, 0, 0.3));
}

.hidden, .hidden * {
  display: none !important;
}

svg, svg * {
  fill: var(--fgColor);
}

.mainContent {
  --contentWidth: 60vw;
  width: var(--contentWidth);
  margin: 8rem auto;
}
.mainContent h1 {
  margin-bottom: 2rem;
  font-family: "Geist Mono", monospace;
}
.mainContent h2 {
  margin: 4rem 0 2rem 0;
}
.mainContent footer {
  margin-top: 8rem;
}

.button {
  margin-top: 4rem;
  padding: 1rem 2rem;
  border-radius: var(--borderRadius);
  background-color: var(--buttonColor);
  background: var(--buttonGradientLarge);
  border: solid var(--borderThickness) var(--buttonColor);
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  filter: var(--dropShadow);
}
.button:hover {
  background-color: var(--buttonColorHover);
  border-color: var(--buttonColorHover);
}

@media screen and (max-aspect-ratio: 4/3) {
  .mainContent {
    --contentWidth: 80vw;
    margin: 4rem auto;
  }
}/*# sourceMappingURL=general.css.map */