* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: minecraft;
  src: url("../fonts/Minecraft.ttf") format("truetype");
}

@font-face {
  font-family: dos;
  src: url("../fonts/DOSWin.ttf") format("truetype");
}
@font-face {
  font-family: teletext;
  src: url("../fonts/Teletekst.ttf") format("truetype");
}

@font-face {
  font-family: teletext2;
  src: url("../fonts/Modeseven-L3n5.ttf") format("truetype");
}

@font-face {
  font-family: ModernDos;
  src: url("../fonts/ModernDOS8x16.ttf") format("truetype");
}

@font-face {
  font-family: "Satoshi-Regular";
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2"),
    url("../fonts/Satoshi-Regular.woff") format("woff"),
    url("../fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-Medium";
  src: url("../fonts/Satoshi-Medium.woff2") format("woff2"),
    url("../fonts/Satoshi-Medium.woff") format("woff"),
    url("../fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-Bold";
  src: url("../fonts/Satoshi-Bold.woff2") format("woff2"),
    url("../fonts/Satoshi-Bold.woff") format("woff"),
    url("../fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi-Black";
  src: url("../fonts/Satoshi-Black.woff2") format("woff2"),
    url("../fonts/Satoshi-Black.woff") format("woff"),
    url("../fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "CabinetGrotesk-Black";
  src: url("../fonts/CabinetGrotesk-Black.woff2") format("woff2"),
    url("../fonts/CabinetGrotesk-Black.woff") format("woff"),
    url("../fonts/CabinetGrotesk-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

.home-header {
  top: 0;
  position: fixed;
  z-index: 100;
  width: 97.5vw;
  height: 6vh;
  display: flex;
  align-items: end;
  /* grid-template-columns: 1fr 1fr; */
  justify-content: flex-end;
  pointer-events: none;
}

.model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.the-non-webgl-page {
  position: fixed;
  height: 100vh;
  width: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  display: block;
}

.blink-home-logo,
.blink-home-second-logo {
  /* height: 300px; */
  width: 17.5vw;
  min-width: 250px;
  pointer-events: auto;
}

.blink-logo-itself {
  height: 100%;
  width: 100%;
  max-width: 100%;
  transition: all 0.35s;
}

.blink-logo-itself:hover,
.blink-home-second-logo:hover {
  cursor: pointer;
}

.blink-home-second-logo {
  min-width: 200px;
  max-width: 300px;
  padding-left: 2.5vw;
}

.shows button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  /* font-size: 110%; */
}

#inject-featured_image {
  /* padding:56.25% 0 0 0; */
  /* position:relative; */
}

.embed-youtube {
  position: relative;
  padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
  /* padding-bottom: 62.5%; - 16:10 aspect ratio */
  /* padding-bottom: 75%; - 4:3 aspect ratio */
  /* padding-top: 30px; */
  height: 0;
  overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 
.vid-container {
	margin: 20px auto;
	max-width: 500px;
	position:relative;
}

.vid-container video {
    position:relative;
    z-index:0;
} */

.the-404-body {
  height: 100vh;
  width: 100vw;
}

.the-404-body img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.route-btn:hover {
  cursor: pointer;
}

@media (max-width: 800px) {
  .the-non-webgl-page {
    max-height: 100%;
    height: 100%;
    max-height: -webkit-fill-available;
  }
}

/* LOADER 2 */
.loading-background2 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  height: 100%;
  max-height: 100%;
  max-height: -webkit-fill-available;
  z-index: 248;
  width: 100vw;
  pointer-events: none;
  background: white;
  display: grid;
  opacity: 1;
  color: #1d1d1b;
  align-items: space-evenly;
  align-content: center;
  justify-items: center;
}