class image :before{position:absolute;top:0;right:0;bottom:0;left:0;content:" ";animation:color-change 5s infinite linear}@keyframes color-change{0%{background-color:red}25%{background-color:#ff0}50%{background-color:green}to{background-color:#00f}}.snowfall{display:flex;overflow:visible;justify-content:center;align-items:center;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.snowfall span{pointer-events:none;position:absolute;top:0;bottom:0;display:inline-block;height:80px;width:80px}.snowfall span:nth-child(n+1){background-image:url(good_kite.png);background-size:cover;animation:snowy-1 5s infinite linear}.snowfall span:nth-child(n+2){background-image:url(good_kite.png);background-size:cover;animation:snowy-2 5s infinite linear}.snowfall span:nth-child(n+3){background-image:url(good_kite.png);background-size:cover;animation:snowy-3 5s infinite linear}.snowfall span:nth-child(n+4){background-image:url(good_kite.png);background-size:cover;animation:snowy-4 5s infinite linear}.snowfall span:nth-child(n+5){background-image:url(good_kite.png);background-size:cover;animation:snowy-5 5s infinite linear}.snowfall span:nth-child(n+6){background-image:url(good_kite.png);background-size:cover;animation:snowy-6 5s infinite linear}@keyframes snowy-1{0%{opacity:.2;visibility:visible;border-radius:50%;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(20vh,34.6410161514vw) rotate(360deg)}}@keyframes snowy-2{0%{opacity:.2;visibility:visible;border-radius:50%;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(-20vh,34.6410161514vw) rotate(360deg)}}@keyframes snowy-3{0%{opacity:.2;visibility:visible;border-radius:50%;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(-40vh) rotate(360deg)}}@keyframes snowy-4{0%{opacity:.2;visibility:visible;border-radius:50%;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(-20vh,-34.6410161514vw) rotate(360deg)}}@keyframes snowy-5{0%{opacity:.2;visibility:visible;border-radius:50%;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(20vh,-34.6410161514vw) rotate(360deg)}}@keyframes snowy-6{0%{opacity:.2;visibility:visible;border-radius:50%;transform:translate(0) rotate(0) scale(1)}to{opacity:1;transform:translate(40vh) rotate(360deg)}}table{width:100%;border-collapse:collapse;background-color:#7fffd4;overflow:scroll}th,td{border:2px solid slateblue;text-align:left;border-width:5px;padding:5px}th:hover{background-color:#00f}tr:hover{background-color:#0ff}th{position:sticky;background-color:#00008b;color:#fff;font-size:20px}:root{--h1color: maroon;--h2color: rebeccapurple;--h3color: darkblue;--liacolor: yellowgreen}@font-face{font-family:Pixel;src:local("AdvancedPixel7-2L9W"),url(./AdvancedPixel7-2L9W.ttf) format("truetype");font-weight:400}body{background-color:#000;font-family:Times New Roman,Times,serif}div.pad{margin-left:auto;margin-right:auto;width:75%;align-self:center;padding:5% 0 0;display:block;z-index:1;scrollbar-width:none}a{text-decoration:none;color:#7fffd4}h1{text-align:center;font-size:64px;color:#fff;display:block;margin:0;overflow:auto;background-color:var(--h1color)}h1:hover{background-image:none;background-color:red}h2{text-align:center;font-size:50px;margin:0;display:block;color:#fff;overflow:auto;background-color:var(--h2color)}h3{text-align:center;font-size:40px;margin:0;display:block;color:#fff;overflow:auto;background-color:var(--h3color);opacity:.9}h3:hover{opacity:1}.namebox{font-family:Times New Roman,Times,serif;display:block;width:98.8%;font-size:45px;overflow:auto;text-align:center}.name{background-color:#8b0000;color:#fff;border-style:solid;border-width:5px;border-color:red}.name:hover{border-style:solid;border-color:#fff}h2:hover{background-image:none;background-color:#8a2be2}ul{text-align:center;list-style-type:none;padding-left:4vw;font-size:40px;margin:0;display:block;overflow:auto;background-color:green}@media (max-width: 480px){ul{font-size:7vw}}li{color:#fff}li:hover{background-image:none;background-color:#7cfc00;color:#000}li a{background-image:none;text-decoration:none;color:#fff}li a:hover{background-image:none;background-color:#7cfc00;text-decoration:none;color:#000}p{font-size:28px;background-color:#0ff;margin:0;opacity:.9;padding:10px}p:hover{opacity:1}button{font-size:28px;margin-right:5px;margin-bottom:5px}.button{font-family:Times New Roman,Times,serif;background-color:#7cfc00;border:20px;border-color:#006400}.button:hover{color:#fff;background-color:green}@keyframes changecolor{10%{filter:sepia(100%) hue-rotate(36deg)}20%{filter:sepia(100%) hue-rotate(72deg)}30%{filter:sepia(100%) hue-rotate(108deg)}40%{filter:sepia(100%) hue-rotate(144deg)}50%{filter:sepia(100%) hue-rotate(180deg)}60%{filter:sepia(100%) hue-rotate(216deg)}70%{filter:sepia(100%) hue-rotate(252deg)}80%{filter:sepia(100%) hue-rotate(288deg)}90%{filter:sepia(100%) hue-rotate(324deg)}to{filter:sepia(100%) hue-rotate(360deg)}}