@font-face {
    font-family: 'Share Tech';
    src: url('static/fonts/ShareTech-Regular.ttf') format('ttf'),
         url('static/fonts/ShareTech-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;                /* Improves perceived load time */
}

@font-face {
    font-family: 'Share Tech Mono';
    src: url('static/fonts/ShareTechMono-Regular.ttf') format('ttf'),
         url('static/fonts/ShareTechMono-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

* {margin: 0; padding: 0}

html {
  overflow: hidden;
}

body {
  font-family: 'Share Tech', system-ui, sans-serif;
}

.page_bg {
  background-color: #050505;
}

canvas {
  display: block;
  z-index: -1;
  position: fixed;
}

.col-primary {
  color: #274BFF;
}

.col-accent {
  color: #89F7FF;
}

.col-black {
  color: #050505;
}

.col-white {
  color: #E6EEF9;
}

.col-green {
  color: #1FBFA6;
}

.col-yellow {
  color: #FFB84D;
}

.col-red {
  color: #FF4B60;
}

.button-primary {
  color: #89F7FF;
  background-color: #0B3A8A;
  font-size: 1.5rem;
  margin-top: 2rem;
}

.button-primary:hover {
  color: #E6EEF9;
}