@font-face {
    font-family: "Emhand";
    src: url("/fonts/Emhand-Regular.ttf");
}

/* Very airy, I likeeey */
@font-face {
    font-family: "Quicksand";
    src: url("/fonts/Quicksand/Quicksand-VariableFont_wght.ttf");
}

body {
  font-family: Quicksand;
  /*font-family: 'Emhand', Fallback, Quicksand;*/
  font-size: 0.9em;
  font-weight: 450;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 20px;
  min-height: 100vh;
}

img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; /* removes any inline spacing */
}

iframe {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 2 / 1; /* 2:1 ratio = 50% height */
    height: auto;
    display: block; /* removes any inline spacing */
}

.container {
  max-width: 600px; /* Adjust based on your desired width */
  width: 100%;
}

/*.katex { font-size: 0.8em !important; } */