:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;overflow:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}nav{padding:1rem;background-color:#333;display:flex;justify-content:space-between}nav a{margin:0 1rem;color:#fff;text-decoration:none}nav div{display:inline-block;position:relative}nav button{background-color:transparent;border:none;color:#fff;cursor:pointer}nav div div{display:none;position:absolute;background-color:#444;padding:1rem;border-radius:4px}nav div:hover div{display:block}nav div div a{display:block;color:#fff;text-decoration:none;margin:.5rem 0}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}span{opacity:0;position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;color:transparent;background-clip:text;-webkit-background-clip:text;z-index:1}.animated-text{color:green;opacity:1;position:static;width:auto;height:auto;background:none;background-clip:initial;-webkit-background-clip:initial;z-index:auto}.rotating-square{position:absolute;top:40%;right:-10%;width:50vh;height:50vh;background-color:#00aedb;transform-origin:center;animation:rotate 5s infinite forwards;border:5px solid #f5f5f5;border-radius:4%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(2turn)}}