:root
{
    font-family: "Inter", sans-serif;
}

@supports (font-variation-settings: normal)
{
    :root
    {
    font-family: "InterVariable", sans-serif; font-optical-sizing: auto;
    }
}

@font-face
{
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/InterVariable.woff2") format("woff2");
}

@font-face
{
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/InterVariable-Italic.woff2") format("woff2");
}

html
{
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #000;

    /* no selection highlight */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body
{
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
}

.hero-title
{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    width: 90%;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
}

p
{
    margin: 10px;
}