body{background:#00008b;min-height:100vh;margin:10px;padding:2rem 0;position:relative}body:before,body:after{content:"";z-index:-1;clip-path:polygon(0% 15%,15% 15%,15% 0%,85% 0%,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0% 85%);background:#adff2f;position:fixed}h1,p{font-family:Zen Dots}@media (width<=600px){body:before,body:after{display:none}}img{border-radius:20%;height:250px;animation:8s linear infinite rotate}.media-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}#rotate-toggle{color:#19d364;cursor:pointer;background:0 0;border:1px solid #19d364;border-radius:.75rem;padding:.75rem 1rem;font-family:Zen Dots,sans-serif;font-size:1rem}#rotate-toggle:hover,#rotate-toggle:focus{background:#19d36426}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{color:#19d364;clip-path:polygon(0 0,98% 0,100% 3%,98% 6%,100% 9%,98% 12%,100% 15%,98% 18%,100% 21%,98% 24%,100% 27%,98% 30%,100% 33%,98% 36%,100% 39%,98% 42%,100% 45%,98% 48%,100% 51%,98% 54%,100% 57%,98% 60%,100% 63%,98% 66%,100% 69%,98% 72%,100% 75%,98% 78%,100% 81%,98% 84%,100% 87%,98% 90%,100% 93%,98% 96%,100% 100%,2% 100%,0 97%,2% 94%,0 91%,2% 88%,0 85%,2% 82%,0 79%,2% 76%,0 73%,2% 70%,0 67%,2% 64%,0 61%,2% 58%,0 55%,2% 52%,0 49%,2% 46%,0 43%,2% 40%,0 37%,2% 34%,0 31%,2% 28%,0 25%,2% 22%,0 19%,2% 16%,0 13%,2% 10%,0 7%,2% 4%,0 1%);background-color:#18001f;width:70%;margin:30px auto;padding:30px}#clock{z-index:999;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:8px;padding:6px 10px;font-size:14px;position:fixed;top:12px;left:50%;transform:translate(-50%)}@media (width<=480px){#clock{border-radius:6px;padding:5px 8px;font-size:12px;top:8px;left:8px;transform:none}}