@font-face {
  font-family: CoFo Kak;
  src: url('fonts/CoFo Kak Black.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  src: url('fonts/Inter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
  /*<editor-fold desc="Theme colors">*/
  --Light_blue: #f5f9fd;
  --Blue: #0d42ff;
  --Dark_blue: #030125;
  --White: #fff;
  --Dark_grey: #35383a;
  --Light_grey: #e6eaf0;
  --Grey: #7a8190;
  /*</editor-fold>*/

  --accent: 136, 58, 234;
  --accent-light: 224, 204, 250;
  --accent-dark: 49, 10, 101;
  --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);

  --transition-duration-base: 300ms;
  --transition-easing-base: ease-in-out;

  --Dark_blue_gradient:
    linear-gradient(
      135deg,
      rgba(3, 1, 37, 1) 0%,
      rgba(3, 1, 37, 1) 33%,
      rgba(6, 6, 114, 1) 66%,
      rgba(0, 0, 255, 1) 100%
    ),
    rgb(3, 1, 37);

  --Dark_blue_gradient--mobile:
    radial-gradient(
      298.4% 141.42% at 99% 100%,
      rgba(0, 0, 255, 0.35),
      rgba(6, 6, 114, 0.35) 29.735%,
      rgba(6, 6, 114, 0) 64.241%
    ),
    rgb(3, 1, 37);
}

html {
  font-family: system-ui, sans-serif;
}

body {
  padding: 0;
  margin: 0;
  height: 100vh;
  width: 100vw;
  background-color: var(--Light_blue);
}

code {
  font-family:
    Menlo,
    Monaco,
    Lucida Console,
    Liberation Mono,
    DejaVu Sans Mono,
    Bitstream Vera Sans Mono,
    Courier New,
    monospace;
}

.app-wrapper {
  display: flex;
  width: 100%;
}

.main-container-wrapper {
  flex: 1 0 auto;
  position: relative;
}

.main-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
  min-width: 100%;
  overscroll-behavior: none;
}

@media (max-width: 767px) {
  .app-wrapper {
    display: block;
  }
}

@media (max-width: 1279px) {
  .main-container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .app-wrapper {
    height: 100%;
  }
}