body {
    padding: 0;
    margin: 0;
    margin-bottom: 1vh;
    margin-top: 1vh;
    background-color: #141617;
    color: #d4be98;
    font-size: 18px;
    font-family: 'DejaVu Sans Mono', monospace;
    display: flex;
    align-items: center;
    justify-content: center;
    scrollbar-width: none;
}
/* Main conent styles */
.content {
    background-color: #1d2021;
    border: 2px solid #d4be98;
    width: 80vw;
    height: 97vh;
    align-self: center;
    padding-top: 0;
    padding-bottom: 1vh;
    margin-top: 0;
    scrollbar-width: none;
    overflow-y: scroll;
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
}
.content_title {
    background: #928374;
    color: inherit;
    padding: 8px;
    border-bottom: 2px solid #d4be98;
    margin-top: 0;
    text-align: center;
    align-items: center;
}
.content_text {
    padding-left: 1vh;
    padding-bottom: 1vh;
    height: 90vh;
}
.imgbox {
    display: grid;
    height: 100vh;
    max-width: 100vh;
    max-height: 80vh;
    margin: auto;
}
.center-fit {
    max-width: 100vh;
    max-height: 80vh;
    margin: auto;
}
.just {
    display: inline-block;
    text-align: left;  
}

/* Stealing stuff from https://prismic.io/blog/css-text-animations */
.shimmer {
  background: linear-gradient(135deg, #ffffff, #5E5E5E, #ffffff);
  background-clip: text;
  color: transparent;
  background-size: 200% 100%;
  animation: shimmer 5s linear infinite;
}
@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.shadow-dance { 
    text-shadow: 5px 5px 0 #ff005e, 10px 10px 0 #00d4ff;
    animation: shadow-dance 2s infinite;
}
@keyframes shadow-dance {
    0%, 100% {
        text-shadow: 5px 5px 0 #ff005e, 10px 10px 0 #00d4ff;
    }
    50% {
        text-shadow: -5px -5px 0 #00d4ff, -10px -10px 0 #ff005e; }
}

.glow {
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
}

@keyframes glow {
    0% {
        text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    }
    100% {
        text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff, 0 0 80px #00d4ff, 0 0 160px #00d4ff;
    }
}

.wave-text span {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
}

.wave-text span:nth-child(1) { animation-delay: 0.0s; }
.wave-text span:nth-child(2) { animation-delay: 0.1s; }
.wave-text span:nth-child(3) { animation-delay: 0.2s; }
.wave-text span:nth-child(4) { animation-delay: 0.3s; }
.wave-text span:nth-child(5) { animation-delay: 0.4s; }
.wave-text span:nth-child(6) { animation-delay: 0.5s; }
.wave-text span:nth-child(7) { animation-delay: 0.6s; }
.wave-text span:nth-child(8) { animation-delay: 0.7s; }
.wave-text span:nth-child(9) { animation-delay: 0.8s; }
.wave-text span:nth-child(10) { animation-delay: 0.9s; }
.wave-text span:nth-child(11) { animation-delay: 0.8s; }
.wave-text span:nth-child(12) { animation-delay: 0.7s; }
.wave-text span:nth-child(13) { animation-delay: 0.6s; }
.wave-text span:nth-child(14) { animation-delay: 0.5s; }
.wave-text span:nth-child(15) { animation-delay: 0.4s; }
.wave-text span:nth-child(16) { animation-delay: 0.3s; }
.wave-text span:nth-child(17) { animation-delay: 0.2s; }
.wave-text span:nth-child(18) { animation-delay: 0.1s; }
.wave-text span:nth-child(19) { animation-delay: 0.0s; }

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-1vh);
    }
}