body {
   background-color: #113639;
   font-family: "Brandon Grotesque";
   overflow: hidden;
}
.logo {
   text-align: center;
}
.subtitle {
   color: #fff;
   font-size: 16px;
   margin-top: 10px;
}
.title {
   color: #fff;
   font-weight: bold;
   font-size: 24px;
   margin-top: 18px;
   text-align: center;
}
.wrapper {
   align-items: center;
   display: flex;
   flex-direction: column;
   height: 80vh;
   justify-content: center;
   width: 100vw;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/shared/fonts/BrandonGrotesque-Black.otf") format("opentype"),
      url("/shared/fonts/BrandonGrotesque-Black.otf") format("opentype");
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/BrandonGrotesque-BlackItalic.otf") format("opentype"),
      url("/static/shared/fonts/BrandonGrotesque-BlackItalic.otf") format("opentype");
   font-weight: 900;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-Bold.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-Bold.otf") format("opentype");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-BoldItalic.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-BoldItalic.otf") format("opentype");
   font-weight: bold;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-Light.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-Light.otf") format("opentype");
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-LightItalic.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-LightItalic.otf") format("opentype");
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-Medium.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-Medium.otf") format("opentype");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-MediumItalic.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-MediumItalic.otf") format("opentype");
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-Regular.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-RegularItalic.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-RegularItalic.otf") format("opentype");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-Thin.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-Thin.otf") format("opentype");
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Brandon Grotesque";
   src:
      url("/static/shared/fonts/google/BrandonGrotesque-ThinItalic.otf") format("opentype"),
      url("/static/shared/fonts/google/BrandonGrotesque-ThinItalic.otf") format("opentype");
   font-weight: 100;
   font-style: italic;
   font-display: swap;
}