@font-face {
  font-family: "Ouroboros";
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FOuroboros-Regular.eot?v=1596462288271);
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FOuroboros-Regular.woff?v=1596462290212);
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FOuroboros-Regular.woff2?v=1596462290096);
}

@font-face {
  font-family: 'Karrik';
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FKarrik-Regular.woff?v=1596462959641);
}

@font-face {
  font-family: "BlackOut";
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FBackOut.eot?v=1596464231149);
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FBackOut.woff?v=1596464231511);
  src: url(https://cdn.glitch.com/bc2c05c7-b912-4226-b6e5-5ad84ac7ac8c%2FBackOut.woff2?v=1596464231570);
}

body,
html {
  overflow: hidden;
  font-size: 1.5vw;
  font-family: "BlackOut", "Helvetica Neue", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

header, footer {
  /*opacity: 0.8;*/
  background: -webkit-linear-gradient(#e9babd, #c7aee7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*text-transform: uppercase;*/
  line-height: 0;
}

header {
  display: flex;
  justify-content: space-between;
  z-index: 1000;
  top: 0;
  width: 98%;
  padding: 0 1vw;
  position: fixed;
  dispaly: none;
}

footer {
  display: flex;
  justify-content: space-between;
  z-index: 1000;
  bottom: 0;
  width: 98%;
  padding: 0 1vw;
  position: fixed;
  display: none;
}

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