body {
    background-color: black;
    overflow-x: hidden;
    font-family: "Vipnagorgialla";
    color: #f8c204;
    text-transform: uppercase;
    overflow: hidden;
}
.container {
    position: absolute;
    top:0;
    left: 0;
    width: 120%;
    height: 120%;
    transform: skew(-8deg, -5deg);
}
.title {
    position: relative;
    left: 3dvw;
    padding-left: 1dvw;
    padding-right: 1dvw;
    background-color: #f8c204;
    color: black;
    width: fit-content;
    font-size: 3dvw;
    box-shadow: 0 0 20px #f8c204aa;
    animation: headerShadow 4s infinite, boxShadow 4s infinite;
}
.inbtwn {
    position: relative;
    font-family: "Vipnagorgialla Bold";
    left: 3dvw;
    padding-left: 1dvw;
    font-size: 5dvw;
    width: fit-content;
    height: fit-content;
    font-weight: bold;
    animation: headerShadow 4s infinite;
}
.content {
    position: relative;
    left: 3dvw;
    padding-left: 1dvw;
    height: 20dvw;
    width: 50dvw;
    font-size: 0.7dvw;
    background-color: #f8c204;
    color: black;
    animation: headerShadow 4s infinite, boxShadow 4s infinite;
}
.content .bound {
    background-color: black;
    padding: 3px;
    color: #f8c204;
    animation: headerShadow 4s infinite, boxShadow 4s infinite;
}
.vipb {
    font-family: "Vipnagorgialla Bold";
    font-size: 4dvw;
}
.imitationbar {
    position: absolute;
    top: 0.4dvw;
    right: 0.4dvw;
}
.scanline {
  background: repeating-linear-gradient(to bottom ,#23232366, #23232366 2px, #f8c20466 2px, #f8c20466 4px);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 20%;
  pointer-events: none;
}
.scanlineb {
  background: repeating-linear-gradient(to bottom ,transparent, transparent 2px, #23232366 2px, #23232366 4px);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 30%;
  pointer-events: none;
}
a {
    text-decoration: none;
    color: #000000;
}
a:hover {
    color: #f8c204;
    background-color: black;
    animation: boxShadow 4s infinite;
}
@keyframes boxShadow {
  0% {
    box-shadow: 0.4389924193300864px 0 4px rgba(0,30,255,0.5), -0.4389924193300864px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  5% {
    box-shadow: 2.7928974010788217px 0 4px rgba(0,30,255,0.5), -2.7928974010788217px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  10% {
    box-shadow: 0.02956275843481219px 0 4px rgba(0,30,255,0.5), -0.02956275843481219px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  15% {
    box-shadow: 0.402185385528781312px 0 4px rgba(0,30,255,0.5), -0.402185385528781312px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  20% {
    box-shadow: 3.4794037899852017px 0 4px rgba(0,30,255,0.5), -3.4794037899852017px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  25% {
    box-shadow: 1.6125630401149584px 0 4px rgba(0,30,255,0.5), -1.6125630401149584px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  30% {
    box-shadow: 0.70155900851439512px 0 4px rgba(0,30,255,0.5), -0.70155900851439512px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  35% {
    box-shadow: 3.896914047650352px 0 4px rgba(0,30,255,0.5), -3.896914047650352px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  40% {
    box-shadow: 3.870905614848819px 0 4px rgba(0,30,255,0.5), -3.870905614848819px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  45% {
    box-shadow: 2.231056963361899px 0 4px rgba(0,30,255,0.5), -2.231056963361899px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  50% {
    box-shadow: 0.08084290417898504px 0 4px rgba(0,30,255,0.5), -0.08084290417898504px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  55% {
    box-shadow: 2.37584610674275412px 0 4px rgba(0,30,255,0.5), -2.37584610674275412px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  60% {
    box-shadow: 2.2021930510506312px 0 4px rgba(0,30,255,0.5), -2.2021930510506312px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  65% {
    box-shadow: 2.8638780614874975px 0 4px rgba(0,30,255,0.5), -2.8638780614874975px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  70% {
    box-shadow: 0.48874025155497314px 0 4px rgba(0,30,255,0.5), -0.48874025155497314px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  75% {
    box-shadow: 1.8948491305757957px 0 4px rgba(0,30,255,0.5), -1.8948491305757957px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  80% {
    box-shadow: 0.0833037308038857px 0 4px rgba(0,30,255,0.5), -0.0833037308038857px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  85% {
    box-shadow: 0.09769827255241735px 0 4px rgba(0,30,255,0.5), -0.09769827255241735px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  90% {
    box-shadow: 3.443339761481782px 0 4px rgba(0,30,255,0.5), -3.443339761481782px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  95% {
    box-shadow: 2.18418388527997812px 0 4px rgba(0,30,255,0.5), -2.18418388527997812px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  100% {
    box-shadow: 2.62087644738325112px 0 4px rgba(0,30,255,0.5), -2.62087644738325112px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
}
@keyframes headerShadow {
  0% {
    text-shadow: 0.4389924193300864px 0 4px rgba(0,30,255,0.5), -0.4389924193300864px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  5% {
    text-shadow: 2.7928974010788217px 0 4px rgba(0,30,255,0.5), -2.7928974010788217px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  10% {
    text-shadow: 0.02956275843481219px 0 4px rgba(0,30,255,0.5), -0.02956275843481219px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  15% {
    text-shadow: 0.402185385528781312px 0 4px rgba(0,30,255,0.5), -0.402185385528781312px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  20% {
    text-shadow: 3.4794037899852017px 0 4px rgba(0,30,255,0.5), -3.4794037899852017px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  25% {
    text-shadow: 1.6125630401149584px 0 4px rgba(0,30,255,0.5), -1.6125630401149584px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  30% {
    text-shadow: 0.70155900851439512px 0 4px rgba(0,30,255,0.5), -0.70155900851439512px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  35% {
    text-shadow: 3.896914047650352px 0 4px rgba(0,30,255,0.5), -3.896914047650352px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  40% {
    text-shadow: 3.870905614848819px 0 4px rgba(0,30,255,0.5), -3.870905614848819px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  45% {
    text-shadow: 2.231056963361899px 0 4px rgba(0,30,255,0.5), -2.231056963361899px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  50% {
    text-shadow: 0.08084290417898504px 0 4px rgba(0,30,255,0.5), -0.08084290417898504px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  55% {
    text-shadow: 2.37584610674275412px 0 4px rgba(0,30,255,0.5), -2.37584610674275412px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  60% {
    text-shadow: 2.2021930510506312px 0 4px rgba(0,30,255,0.5), -2.2021930510506312px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  65% {
    text-shadow: 2.8638780614874975px 0 4px rgba(0,30,255,0.5), -2.8638780614874975px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  70% {
    text-shadow: 0.48874025155497314px 0 4px rgba(0,30,255,0.5), -0.48874025155497314px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  75% {
    text-shadow: 1.8948491305757957px 0 4px rgba(0,30,255,0.5), -1.8948491305757957px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  80% {
    text-shadow: 0.0833037308038857px 0 4px rgba(0,30,255,0.5), -0.0833037308038857px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  85% {
    text-shadow: 0.09769827255241735px 0 4px rgba(0,30,255,0.5), -0.09769827255241735px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  90% {
    text-shadow: 3.443339761481782px 0 4px rgba(0,30,255,0.5), -3.443339761481782px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  95% {
    text-shadow: 2.18418388527997812px 0 4px rgba(0,30,255,0.5), -2.18418388527997812px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
  100% {
    text-shadow: 2.62087644738325112px 0 4px rgba(0,30,255,0.5), -2.62087644738325112px 0 4px rgba(255,0,80,0.3), 0 0 12px;
  }
}
.uc {
    text-decoration: line-through;
}
.navbar {
    position: absolute;
    left: 60dvw;
    top: 10.5dvw;
    width: 15dvw;
    display: flex;
    flex-direction: column;
}
.navspacer {
    height: 0.4dvw;
}
.navlink {
    border: 2px solid #f8c204;
    width: 100%;
    font-size: 0.7dvw;
    animation: headerShadow 4s infinite, boxShadow 4s infinite;
}
.navlink a {
    background-color: #f8c204;
    padding-right: 0.2dvw;
    padding-left: 0.2dvw;
    animation: headerShadow 4s infinite;
}
.navtext {
    padding-right: 0.2dvw;
    padding-left: 0.2dvw;
    animation: headerShadow 4s infinite;
}
.navlink a:hover {
    background-color: #d539d2;
  color: black;
}
.navlink a.grn {
    background-color: #d539d2;
}
.navlink a.grn:hover {
    background-color: #f8c204;
}
.fullvert {
    position: absolute;
    top: -2dvh;
    height: 150%;
    width: 0.3dvw;
    animation: boxShadow 4s infinite;
    background-color: #f8c204;
    z-index: -1;
}
.fv1 {
    left: 55dvw;
}
.fv2 {
    left: 56dvw;
}
.fv3 {
    left: 57dvw;
}
.fv4 {
    left: 58dvw;
}
.fv5 {
    left: 59dvw;
}
.horiz {
    position: absolute;
    top: 32dvw;
    width: 55dvw;
    height: 0.3dvw;
    background-color: #f8c204;
    animation: boxShadow 4s infinite;
    z-index: -2;
}
.bignum {
  position: absolute;
  left: 3dvw;
  top: 33dvw;
  animation: headerShadow 4s infinite;
  color: #f8c204;
  font-size: 1dvw;
  font-family: monospace;
  font-variant-numeric: slashed-zero;
}
@media screen and (orientation: portrait) {
  .title {
    position: absolute;
    top: 4dvh;
    left: 2dvh;
    font-size: 3dvh;
  }
  .inbtwn {
    position: absolute;
    top: 7dvh;
    left: 2dvh;
    font-size: 6dvh;
  }
  .content {
    position: absolute;
    top: 15dvh;
    left: 2dvh;
    font-size: 1.6dvh;
    height: 40dvh;
    width: 44dvh;
  }
  .vipb {
    font-size: 3.3dvh;
  }
  .fullvert {
    height: 300%
  }
  .fv1 {
    left: 49dvh;
  }
  .fv2 {
    left: 50dvh;
  }
  .fv3 {
    left: 51dvh;
  }
  .fv4 {
    left: 52dvh;
  }
  .fv5 {
    left: 53dvh;
  }
  .horiz {
    top: 57dvh;
    width: 49dvh;
  }
  .navbar {
    left: 12dvh;
    top: 58dvh;
    width: 34dvh;
  }
  .navlink {
    border: 6px solid #f8c204;
    width: 100%;
    font-size: 1.6dvh;
  }
  .navlink a {
    padding-right: 1dvh;
    padding-left: 1dvh;
  }
  .navspacer {
    height: 1dvh;
  }
  .navtext {
    padding-right: 1dvh;
    padding-left: 1dvh;
    font-size: 1.6dvh;
  }
  .bignum {
    position: absolute;
    writing-mode: sideways-lr;
    top: 90dvh;
    width: auto;
    left: 110dvw;
    font-size: 2dvh;
  }
}