@font-face {
  font-family: "imb";
  src: local("IBM_BIOS-2y"), url("../../fonts/ibm/IBM_BIOS-2y.woff");
}
* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #141414;
  color: rgb(51, 255, 0);
  font: 400 1rem/1.5 imb;
}
body header .menu {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 5%;
  height: 10vh;
  overflow-x: scroll;
  position: relative;
  scrollbar-color: transparent transparent;
  z-index: 1;
}
body header .menu__btns {
  color: rgb(51, 255, 0);
  font-size: 1.5rem;
  line-height: 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
}
body header .menu__btns:hover {
  color: rgb(51, 155, 0);
  transform: translate(0.1px, 2px);
}
body header .menu--on {
  cursor: default;
  color: rgb(51, 155, 0);
}
body a {
  background-color: none;
  color: inherit;
  text-decoration: none;
}
body .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
  padding: 5em 0 2em 0;
}
body .container img {
  max-width: 100%;
  outline: 1px solid rgb(51, 255, 0);
}
body .container img#poster {
  width: 50%;
}
body .container img#combo {
  width: 100%;
}
body .container img#cat {
  filter: blur(8px);
  -webkit-filter: blur(8px);
  transition: ease-in-out 0.3s;
  outline: transparent;
  overflow: hidden;
}
body .container img#cat:hover {
  filter: none;
  -webkit-filter: none;
}
body .container .imgWrapper {
  display: inline-block;
  outline: 1px solid rgb(51, 255, 0);
  overflow: hidden;
}
body .container a {
  text-decoration: underline;
  color: rgb(255, 176, 0);
  animation: textShadowAlt 4s linear infinite;
}
body .container .journal__entry {
  width: 70%;
  box-sizing: border-box;
  outline: 2px rgb(51, 255, 0) solid;
  padding: 2em 1.5em;
}
body .container .journal__entry .alt {
  color: rgb(255, 176, 0);
  animation: textShadowAlt 4s linear infinite;
}
body .container .journal__entry h2 {
  margin-bottom: 1em;
  line-height: 0.5em;
  text-decoration: underline;
}
body .container .journal__entry sub {
  font-weight: 400;
  text-decoration: none;
}
body .container .journal__entry p {
  margin: 1em 0;
}
body .container .journal__entry p::first-letter {
  margin-left: 0.5em;
}
body footer {
  height: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
}
body footer .imgWrapper {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.crt {
  animation: textShadow 4s linear infinite;
}
.crt::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(40, 40, 40, 0.1), rgba(0, 0, 0, 0.7));
  background-size: 100% 3px;
  z-index: 9999;
  pointer-events: none;
  animation: scans 8s cubic-bezier(0.4, 0, 1, 1) infinite;
}

::-moz-selection {
  background-color: rgba(51, 255, 0, 0.5);
}

::selection {
  background-color: rgba(51, 255, 0, 0.5);
}

/* ------------------------- animation -- */
@keyframes scans {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 0px 100%;
  }
}
@keyframes ghost {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes textShadow {
  0% {
    text-shadow: 0.5px 0 1px rgba(51, 255, 0, 0.5), -0.5px 0 1px rgba(0, 255, 51, 0.3), 0 0 3px;
  }
  20% {
    text-shadow: 1.5px 0 1px rgba(51, 255, 0, 0.5), -1.5px 0 1px rgba(0, 255, 51, 0.3), 0 0 3px;
  }
  40% {
    text-shadow: 0.1px 0 1px rgba(51, 255, 0, 0.5), -0.1px 0 1px rgba(0, 255, 51, 0.3), 0 0 3px;
  }
  60% {
    text-shadow: 2px 0 1px rgba(51, 255, 0, 0.5), -2px 0 1px rgba(0, 255, 51, 0.3), 0 0 3px;
  }
  80% {
    text-shadow: 2.5px 0 1px rgba(51, 255, 0, 0.5), -2.5px 0 1px rgba(0, 255, 51, 0.3), 0 0 3px;
  }
  100% {
    text-shadow: 0 0 1px rgba(51, 255, 0, 0.5), 0 0 1px rgba(0, 255, 51, 0.3), 0 0 3px;
  }
}
@keyframes textShadowAlt {
  0% {
    text-shadow: 0.5px 0 1px rgba(232, 140, 12, 0.5), -0.5px 0 1px rgba(232, 184, 12, 0.3), 0 0 3px;
  }
  20% {
    text-shadow: 1.5px 0 1px rgba(232, 140, 12, 0.5), -1.5px 0 1px rgba(232, 184, 12, 0.3), 0 0 3px;
  }
  40% {
    text-shadow: 0.1px 0 1px rgba(232, 140, 12, 0.5), -0.1px 0 1px rgba(232, 184, 12, 0.3), 0 0 3px;
  }
  60% {
    text-shadow: 2px 0 1px rgba(232, 140, 12, 0.5), -2px 0 1px rgba(232, 184, 12, 0.3), 0 0 3px;
  }
  80% {
    text-shadow: 2.5px 0 1px rgba(232, 140, 12, 0.5), -2.5px 0 1px rgba(232, 184, 12, 0.3), 0 0 3px;
  }
  100% {
    text-shadow: 0 0 1px rgba(232, 140, 12, 0.5), 0 0 1px rgba(232, 184, 12, 0.3), 0 0 3px;
  }
}/*# sourceMappingURL=journal.css.map */