body {
    color: #6F0;
    font-family: 'Courier New', 'Courier', monospace;
    font-size: 15px;
    background-color:#000;
    margin: 0;
    padding: 0;
    overflow-x: clip;
}

.imgid {
    font-size:12px;
    margin: 0;
    line-height: 12px;
    font-weight: bold;
    animation: shittyscroll 2s ease-out;
}

@keyframes shittyscroll {
    0% {width: 0;}
    100% {width: 100%;}
}

a:link {
    color:#6F0;
    text-decoration: underline;
}

a:hover {
    color:#000;
    background-color:#6F0;
}

a:visited {
    color:#6F0;
}

a:visited:hover {
    color:#000;
    background-color:#6F0;
}

@keyframes rainbowz {
    0% {color:#F00}
    16.6% {color:#F0F}
    33.3% {color:#00F}
    50% {color:#0FF}
    66.6% {color:#0F0}
    83.3% {color:#FF0}
    100% {color:#F00}
}

.rainbowtext {
    animation: rainbowz 1s infinite;
}

@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 1;}
    51% {opacity: 0;}
    100% {opacity: 0;}
}

.blink {
    animation: blink 1s infinite;
}

#keylogger {
    animation: fadein 2s;
    overflow: hidden;
    width: 300px; 
    border: 2px #6F0 solid;
}

.divvy {
    animation: image 1.5s;
    overflow: hidden;
}

img {
    max-width: 100%;
    max-height: 50vh;
}

@keyframes fadein {
    0% {height: 1px;}
    24% {height: 1px;}
    25% {height: 12px;}
    49% {height: 12px;}
    50% {height: 24px;}
    74% {height: 24px;}
    75% {height: 36px;}
    99% {height: 36px;}
    100% {height: auto;}
}

.fucktext {
    font-family: "VT323", monospace;
    font-size:20px;
}

.fuckyou {
    animation: fuckoff 5s forwards;
    animation-timing-function: steps(10, end);
}
    
.washer {
    animation: washer ease-in 4s, washer 2s linear 4s infinite;
}

@keyframes washer {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}

@keyframes fuckoff {
    0% {opacity: 1}
    100% {opacity: 0}
}

.bounce {
    position: absolute;
    top: 0; 
    left: 0; 
    z-index: 9;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

.bounce1 {
    background-color:#000;
    width: fit-content;
    animation-name: hor-movement, ver-movement;
    animation-duration: var(--horm), var(--verm);
    overflow: hidden;
}

.bounce2 {
    max-width:60px;
    animation-name: hor-movement2, ver-movement2;
    animation-duration: var(--horm), var(--verm);
}

.hspd1 {--horm: 3.7s;}
.hspd2 {--horm: 3.95s;}
.hspd3 {--horm: 4.2s;}
.hspd4 {--horm: 4.45s;}
.hspd5 {--horm: 4.5;}
.hspd6 {--horm: 4.75s;}
.hspd7 {--horm: 5.2s;}
.hspd8 {--horm: 5.45s;}
.hspd9 {--horm: 5.5s;}
.hspd10 {--horm: 5.95s;}
.hspd11 {--horm: 6.2s;}
.hspd12 {--horm: 6.45s;}
.hspd13 {--horm: 6.5s;}
.hspd14 {--horm: 6.95s;}
.hspd15 {--horm: 7.2s;}
.hspd16 {--horm: 7.45s;}
.hspd17 {--horm: 7.5s;}
.hspd18 {--horm: 7.95s;}
.hspd19 {--horm: 8.2s;}
.hspd20 {--horm: 8.45s;}

.vspd1 {--verm: 4.3s;}
.vspd2 {--verm: 4.6s;}
.vspd3 {--verm: 5.3s;}
.vspd4 {--verm: 5.6s;}
.vspd5 {--verm: 6.3s;}
.vspd6 {--verm: 6.6s;}
.vspd7 {--verm: 7.3s;}
.vspd8 {--verm: 7.6s;}
.vspd9 {--verm: 8.3s;}
.vspd10 {--verm: 8.6s;}
.vspd11 {--verm: 9.3s;}
.vspd12 {--verm: 9.6s;}
.vspd13 {--verm: 10.3s;}
.vspd14 {--verm: 10.6s;}
.vspd15 {--verm: 11.3s;}
.vspd16 {--verm: 11.6s;}
.vspd17 {--verm: 12.3s;}
.vspd18 {--verm: 12.6s;}
.vspd19 {--verm: 13.3s;}
.vspd20 {--verm: 13.6s;}
    
@keyframes hor-movement {
    from {
    margin-left: 0%;
    }
    to {
    margin-left: 85vw;
    }
}

@keyframes ver-movement {
    from {
    margin-top: 0%;
    }
    to {
    margin-top: 95vh;
    }
}

@keyframes hor-movement2 {
    from {
    margin-left: 0%;
    }
    to {
    margin-left: 90vw;
    }
}

@keyframes ver-movement2 {
    from {
    margin-top: 0%;
    }
    to {
    margin-top: 90vh;
    }
}

.gamble {
    margin: 5px 0;
}

.slot {
    text-align:center;
    width: 30px; 
    border: 2px solid;
    display: inline-block;
    padding: 2px 0;
    margin-bottom: 10px;
    font-size: 20px;
}
    
.victory {
    -webkit-animation: flash 0.5s step-end infinite;
    -moz-animation: flash 0.5s step-end infinite;
    -o-animation: flash 0.5s step-end infinite;
    animation: flash 0.5s step-end infinite;
    background-color:#000;
}
    
@-webkit-keyframes flash {
    0%  {color:#F90;}
    50% {color:#FF0;}
    100%  {color:#F90}
}

@keyframes flash {
    0%  {color:#F90;}
    50% {color:#FF0;}
    100%  {color:#F90}
}