.crt::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

@keyframes flicker {
  0% {
  opacity: 0.27861;
  }
  5% {
  opacity: 0.34769;
  }
  10% {
  opacity: 0.23604;
  }
  15% {
  opacity: 0.10626;
  }
  20% {
  opacity: 0.18128;
  }
  25% {
  opacity: 0.10626;
  }
  30% {
  opacity: 0.18128;
  }
  35% {
  opacity: 0.23604;
  }
}

.crt::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}


@font-face{

    font-family:"SlightlyTechno";

    src:url(
"https://file.garden/aheii7BMp2CVAKO2/bonemaster/fonts/SlightlyTechno-z7JD.ttf");

}

*{

    margin:0;
    padding:0;

    box-sizing:border-box;
}

body{

    background:black;

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    font-family:Georgia, serif;
}

.siteContainer{

    width:min(80vw, 924px);

    aspect-ratio:4/3;


    background:black;

    overflow:hidden;

    position:relative;
}

.creditsArea{

    position:absolute;

    inset:0;

    overflow:hidden;
}

.credits{

    position:absolute;

    width:100%;

    padding:40px;

    text-align:center;

    color:#bdbdbd;

    font-size:18px;

    line-height:2;

    transform:translateY(100%);
}

.title{

    color:#ff0034;

    font-family:"SlightlyTechno";

    font-size:36px;

    margin-bottom:30px;
}

.section{

    color:#ff0034;

    font-family:"SlightlyTechno";

    font-size:22px;

    margin-top:30px;

    margin-bottom:10px;
}

img{

    image-rendering:pixelated;
    image-rendering:crisp-edges;

    -ms-interpolation-mode:nearest-neighbor;
}

a{

    color:#7a0018;

    text-decoration:none;
}

a:hover{

    color:#ff0034;

    text-decoration:underline;
}

::selection{

    background:#ff0034;

    color:black;
}

::-moz-selection{

    background:#ff0034;

    color:black;
}

.credits{

    text-shadow:0 0 4px #000;
}

.title{

    text-shadow:0 0 8px #ff0034;
}



  