SI15/asc.css

@media only screen and (max-width: 4000px) {
    audio{
            padding-top: 610px;
            width: 40%;
            padding-left:30%;
            padding-right:30%;
            text-align: center;
            margin:auto;
    }
}
@media only screen and (max-width: 1000px) {
    audio{
            padding-top: 950px;
            width: 100%;
            padding-left:0;
    }
}


body{
    background-color:black;
    color:black;
    font-family: monospace;
}

pre{
    z-index:1;
}


.title{
    width:100%;
    text-overflow:hidden;
    color:MediumSlateBlue;
    font-weight:bold;
    text-align: center;
    text-shadow: 0 0 3px green, 0 0 5px green;
    padding-top: 65px;
    margin:auto;
    z-index:3;
    position:absolute;
    font-size:12px;
}

.title2{
    width:100%;
    color:slateblue;
    text-align: center;
    padding-top: 50px;
    z-index:3;
    position:absolute;
    font-size:16px;
}
.intro{
    width:50%;
    padding-left:25%;
    padding-right:25%;
    text-overflow:hidden;
    color:slateblue;
    text-align: center;
    padding-top: 450px;
    margin:auto;
    font-weight:bold;
    z-index:3;
    position:absolute;
    font-size:16px;
}
audio{
    text-align: center;
    margin:auto;
    z-index:3;
    position:absolute;
}
@keyframes bcolor {
    0% {
        color: black;
    }

    50% {
        color: slateblue;
    }

    100% {
        color: black;
    }
}

.ascii{
    -webkit-animation: bcolor 20s infinite;
    animation: bcolor 10s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    position:fixed;
    font-size: 9px;
    margin-left: 50px;
    margin-top:300px;
}

.ascii2{
    -webkit-animation: bcolor 22s infinite;
    animation: bcolor 13s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    position:fixed;
    margin-left: 800px;
    margin-top:1300px;
}

.ascii2a{
    -webkit-animation: bcolor 20s infinite;
    animation: bcolor 15s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 9px;
    position:fixed;
    margin-left: 1400px;
    margin-top:150px;
}

.ascii2b{
    -webkit-animation: bcolor 20s infinite;
    animation: bcolor 15s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 11px;
    position:fixed;
    margin-left: 600px;
    margin-top:1000px;
}

.ascii3{
    -webkit-animation: bcolor 25s infinite;
    animation: bcolor 17s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    position:fixed;
    margin-left: 1000px;
    margin-top:650px;
}

.ascii4{
    -webkit-animation: bcolor 19s infinite;
    animation: bcolor 11s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    position:fixed;
    font-size:10px;
    margin-left: 1050px;
    margin-top:450px;
}

.ascii4a{
    -webkit-animation: bcolor 28s infinite;
    animation: bcolor 22s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    position:fixed;
    margin-left: 1250px;
    margin-top:650px;
}

.ascii5{
    -webkit-animation: bcolor 30s infinite;
    animation: bcolor 28s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    position:fixed;
    font-size:10px;
    margin-left: 700px;
    margin-top:650px;
}

.ascii6{
    -webkit-animation: bcolor 22s infinite;
    animation: bcolor 13s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 7px;
    position:fixed;
    margin-left: 600px;
    margin-top:100px;
}

.ascii6a{
    -webkit-animation: bcolor 22s infinite;
    animation: bcolor 13s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 100px;
    margin-top:750px;
}

.ascii7{
    -webkit-animation: bcolor 27s infinite;
    animation: bcolor 22s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 300px;
    margin-top:700px;
}

.ascii8{
    -webkit-animation: bcolor 300s infinite;
    animation: bcolor 300s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 700px;
    margin-top:500px;
}

.ascii9{
    -webkit-animation: bcolor 15s infinite;
    animation: bcolor 15s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 100px;
    margin-top:200px;
}

.ascii10{
    -webkit-animation: bcolor 21s infinite;
    animation: bcolor 21s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 1000px;
    margin-top:200px;
}

.ascii11{
    -webkit-animation: 30s infinite;
    animation: bcolor 30s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 900px;
    margin-top:900px;
}

.ascii12{
    -webkit-animation: bcolor 35s infinite;
    animation: bcolor 35s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 40px;
    margin-top:40px;
}

.ascii13{
    -webkit-animation: bcolor 27s infinite;
    animation: bcolor 27s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 1400px;
    margin-top:1000px;
}
.ascii14{
    -webkit-animation: bcolor 35s infinite;
    animation: bcolor 35s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 700px;
    margin-top:950px;
}
.ascii15{
    -webkit-animation: bcolor 35s infinite;
    animation: bcolor 35s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 4px;
    position:fixed;
    margin-left: 1600px;
    margin-top:50px;
}
.ascii16{
    -webkit-animation: bcolor 22s infinite;
    animation: bcolor 22s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    float: left;
    font-size: 13px;
    position:fixed;
    margin-left: 1650px;
    margin-top:800px;
}