@font-face {
    font-family: '8bitoperator JVE';
    src: url('fonts/8bitoperator-JVE.woff2') format('woff2'),
        url('fonts/8bitoperator-JVE.woff') format('woff'),
        url('fonts/8bitoperator-JVE.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html{
  overflow-x: hidden;
}
body {
  width: 100%;
  vertical-align: middle;
  color: white;
  margin: 0;
  min-height: 100vh;
  min-width: 100vw;
  background-color: black;
}
p{
  text-shadow: -3.5px 0px 0 #777, 0px -3.5px 0 #777, 0px 3.5px 0 #777, 3.5px 0px 0 #777;
  animation: flashBorder 5s infinite ease-in-out;
  font-family: "8BitOperator JVE", monospace;
  font-size: 64px;
}
container {
  vertical-align: middle;
  align-items: center;
  text-align: center;
  margin: auto;
}
.centered {
    vertical-align: middle;
    align-items: center;
    text-align: center;
    margin: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes flashBorder {
  0% {
    text-shadow: -3.5px 0px 0 #888, 0px -3.5px 0 #888, 0px 3.5px 0 #888, 3.5px 0px 0 #888; }
  50% {
    text-shadow: -3.5px 0px 0 #444, 0px -3.5px 0 #444, 0px 3.5px 0 #444, 3.5px 0px 0 #444; }
  100% {
    text-shadow: -3.5px 0px 0 #888, 0px -3.5px 0 #888, 0px 3.5px 0 #888, 3.5px 0px 0 #888; } }