@import url("./TX-02-PY1N73QY/fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {
  max-width: min(70ch, 100% - 2em);
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;
  
  --color-violet: #7D0CFF;
  --color-violet-dark: #5C29AE;
  --color-violet-darkest: #1D1A3A;
  --color-neon-green: #70FF00;
  background-color: var(--color-violet-darkest);
}

h1,h2,h3,h4,h5,h6 {
  margin: 1rem 0 0.5rem;
  font-family: "TX-02", monospace;
}
h4,h5,h6 {
  font-weight: 500;
}

body,p,ul,ol {
  color: white;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin-bottom: 1em;
}
a {
  color: var(--color-neon-green);
  font-weight: 500;
}
strong {
  color: #F7FF0C;
}

@media (max-width: 600px) {
  html {
    font-size: clamp(1.5em, 5vw, 2em);
    padding: 1.5em 1em;
    line-height: 1.5;
  }
  
  h1,h2,h3,h4,h5,h6 {
    margin: 1.5em 0 0.5em;
    line-height: 1.2;
  }
}