:root {
  --size-width: 100vw;
}


@font-face {
  font-family: 'Consolas';
  src: url('/Consolas.woff') format('woff');
}
@font-face {
  font-family: 'Reef';
  src: url('/Reef.woff') format('woff');
}
@font-face {
  font-family: 'Manrope';
  src: url('/Manrope.woff') format('woff');
}
@font-face {
  font-family: 'Charger';
  src: url('/Charger.woff') format('woff');
}
@font-face {
  font-family: 'Mangabey';
  src: url('/Mangabey.woff') format('woff');
}
html,
body {
  padding: 0;
  margin: 0;
  font-family: 'Manrope';
    background-color: #21212c;
    color: white;
  overflow-x: hidden;
}

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

.steve {
  filter: hue-rotate(20deg) brightness(1) contrast(1.2) saturate(1.8) blur(5px);
  opacity: 0.8;
  mix-blend-mode: screen;
  scale: 1.4;
  user-select: none;
}
.whatIsItLikeInsideSteve {
  background-position-x: 0px
}

* {
  box-sizing: border-box;
  mix-blend-mode: normal;
}
