@keyframes bgShift {
    from{
        background-position-x: -5px;
        background-position-y: -5px;
        background-color: rgba(0, 0, 0, 0);
    }
    to{
        background-position-x: 5px;
        background-position-y: 5px;
        background-color: rgba(0, 0, 0, 0.2);
    }
}

body, html {
    /*height: 100%;
    
    
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
    
    */
    margin: 0;
    color: white;
    font-size: large;
    font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas",
    "Courier New", "Courier", "monospace", "Times New Roman";
  }
  
body {
    background-attachment: fixed;

    /* The image used */
    background-image: url("background1.png");
    
    /* Full height */
    
    /* Center and scale the image nicely */
    background-repeat: repeat;
    background-size: 100%;
    image-rendering: pixelated;
    animation-duration: 10s;
    animation-name: bgShift;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-image {
    background-attachment: fixed;
    /* Center and scale the image nicely */
    background-repeat: repeat;
    background-size: 100%;
    image-rendering: pixelated;
    margin: 0;
    /*padding: 0;*/
    padding-top: 2%;
    padding-left: 4%;
    padding-right: 4%;
    display: inline-block;
    box-sizing: border-box;
    animation-duration: 10s;
    animation-name: bgShift;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

.hack-font {
    font-family: "Lucida Console", "Lucida Sans Unicode", "Fira Mono", "Consolas",
    "Courier New", "Courier", "monospace", "Times New Roman";
}

.textbox {
    align-self: center;
    width: 100%;
    margin: auto;
    /*padding-top: 2%;
    padding-bottom: 2%;*/
    font-size: 16px;
}

#intro {
    white-space: pre-wrap;
    min-height: 680px;
    height: 680px;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 4%;
    width: auto;
    overflow: hidden;
}