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{ width:40%; padding-left:30%; padding-right:30%; text-align: center; padding-top: 610px; 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; }