/* Schriftart */
@font-face {
   font-family: "Inter";
   src: url(./assets/fonts/Inter-VariableFont_opsz\_wght.ttf);
}

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

html {
   background-color: #fff;
   scrollbar-color: #2b3647;
   cursor: default;
}

body {
   font-size: 16px;
   font-weight: 400;
   font-family: "Inter";
   line-height: 1.2;
   color: #000;
   min-height: 100vh;
   display: flex;
   justify-content: left;
}

.rotate-lock {
   display: none;
}

h1 {
   font-size: 61px;
   font-weight: 700;
}

.app-loading button {
   pointer-events: none;
}

@media (max-width: 820px) {
   h1 {
      font-size: 47px;
   }
}

@media (max-width: 1000px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
   .rotate-lock {
      font-size: 20px;
      font-weight: 600;
      position: fixed;
      inset: 0;
      z-index: 99999;
      padding: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f6f7f8;
      color: #2b3647;
      text-align: center;
   }

   body > *:not(.rotate-lock) {
      display: none;
   }
}