:root {
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
   color-scheme: light dark;
   color: #ffffffde;
   background-color: #242424;
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

#app {
   width: 100%;
   min-height: 100vh;
   text-align: center;
   cursor: pointer;
}

body {
   margin: 0;
   display: flex;
   place-items: center;
   min-width: 320px;
   min-height: 100vh;
   overflow-x: hidden;
}


#landing-page {
   width: 100vw;
   min-height: 100vh;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top center;
   position: relative;
   box-sizing: border-box;
   font-family: Inter, sans-serif;
   font-family: Inter, sans-serif;
}

.header-container {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   overflow: hidden;
}

.header-image {
   width: 100vw;
}

div {
   display: block;
   unicode-bidi: isolate;
}


@media (min-width: 750px) {
   #landing-page {
      max-width: 750px;
      margin: 0 auto;
   }

   .header-image {
      width: auto;
   }
}