@font-face {
    font-family: 'All Square Now'; /*a name to be used later*/
    src: url('All Square Now.otf'); /*URL to font*/
}

body, html {
    font-family: 'All Square Now';

    padding: 0px;
    margin: 0px;

    width: 100%;
    height: 100%;

    color: #33FF33;
    text-shadow:1px 1px 6px #00FF66, 1px 1px 10px #00FF66;
    
    background: linear-gradient(to top, #000000, #000000, #333333, #333333);
    background-size: cover;
    background-size: 100% 1px;
}

@media screen{
    .crt {
      animation: scanlines infinite 55s linear ;
    }
  } 
  @keyframes scanlines {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 0 -10px;
    }
}  

footer {
    background-color: black;
    position: absolute;
    
    width: 100%;
    bottom: 0px;

    font-size: smaller;

    display: flex;
    justify-content: space-between;
    
    color: #86ff15;
    text-shadow:1px 1px 6px #0062ff, 1px 1px 10px #0062ff;
}

body {
    position: relative;
    
    width: 100%;
    height: 100%;
}

.center {
    display: flex;
    align-items: center;
    
    flex-direction: column;
    justify-content: center;
    
    width: 100%;
    height: 100%;
}

.choices {
    flex-direction: row;
}