@font-face {
  font-family: 'TT Autonomous';
  src: url('fonts/TT Autonomous/TT_Autonomous_Regular.woff2') format('woff2'),
    url('fonts/TT Autonomous/TT_Autonomous_Regular.woff') format('woff');
  font-style: normal;
}

@font-face {
  font-family: 'TT Autonomous';
  src: url('fonts/TT Autonomous/TT_Autonomous_Italic.woff2') format('woff2'),
    url('fonts/TT Autonomous/TT_Autonomous_Italic.woff') format('woff');
  font-style: italic;
}

@font-face {
  font-family: 'PHGTL';
  src: url('fonts/PHGTL/PHGTL.woff2') format('woff2'),
    url('fonts/PHGTL/PHGTL.woff') format('woff');
  font-style: normal;
}

@font-face {
  font-family: 'TT Fors';
  src: url('fonts/TT Fonts/WOFF2/TT_Fors_Regular.woff2') format('woff2'),
    url('fonts/TT Fonts/WOFF/TT_Fors_Regular.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'TT Fors';
  src: url('fonts/TT Fonts/WOFF2/TT_Fors_Italic.woff2') format('woff2'),
    url('fonts/TT Fonts/WOFF/TT_Fors_Italic.woff') format('woff');
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: 'TT Fors';
  src: url('fonts/TT Fonts/WOFF2/TT_Fors_Bold.woff2') format('woff2'),
    url('fonts/TT Fonts/WOFF/TT_Fors_Bold.woff') format('woff');
  font-style: normal;
  font-weight: bold;
}

:root {
}

@media (prefers-color-scheme: dark) {
  :root {
  }
}

* {
  box-sizing: border-box;
  font-family: 'TT Autonomous', sans-serif;
}

html,
body {
  min-width: 375px;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--main-text-color);
  background: var(--page-background-color);
}

body {
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}