@import"https://fonts.googleapis.com/css2?family=Foldit:wght@100..900&display=swap";:root{--color-main: #000;--color-secondary: #333;--color-background: #fff}::selection{background:#333;color:#fff}*{scrollbar-color:var(--color-main);scrollbar-width:thin}html,body{min-height:100dvh;margin:0}body{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5vh;overflow-x:hidden;background-color:var(--color-background);color:var(--color-main);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:Foldit,sans-serif;font-size:clamp(30px,10vmin,100px);font-optical-sizing:auto;font-weight:1;font-style:normal;text-align:center;line-height:1;margin:20vh 0}h1 span{animation:dnfTextAnim 2.5s ease-in-out infinite}h1 span:nth-child(1){animation-delay:.2s}h1 span:nth-child(2){animation-delay:.4s}h1 span:nth-child(3){animation-delay:.6s}h1 span:nth-child(4){animation-delay:.8s}h1 span:nth-child(5){animation-delay:1s}h1 span:nth-child(6){animation-delay:1.2s}h1 span:nth-child(7){animation-delay:1.4s}h1 span:nth-child(8){animation-delay:1.6s}h1 span:nth-child(9){animation-delay:1.8s}h1 span:nth-child(10){animation-delay:2s}@keyframes dnfTextAnim{10%{font-weight:100}50%{font-weight:900}90%{font-weight:100}}ul{display:flex;justify-content:center;align-items:center;gap:clamp(10px,3vmin,40px);flex-wrap:wrap;margin:5vh auto;padding:0;list-style:none;max-width:80vw}ul a{color:var(--color-main);opacity:.5;text-decoration:none;transition:opacity .1s ease-out}ul a:hover,ul a:focus{opacity:1}svg{display:block;width:clamp(18px,3vmin,25px);height:clamp(18px,3vmin,25px)}@media (prefers-color-scheme: dark){:root{--color-main: #fff;--color-background: #000}}
