@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";
:root{--background:#fff;--background-alt:#fafafa;--green:#a6d189;--orange:#ef9f76;--yellow:#eed49f;--purple:#b1a6fe;--blue:#9ee3f3;--red:#e68284;--white:#fff;--gray:#fff3;--gray-alt:#aaa;--font:#232634;--font-alt:#303446;--border:#0003;--font-black:#282a36}@media (prefers-color-scheme:dark){:root{--background:#232634;--background-alt:#303446;--font:#f8f8f2;--font-alt:#ccc;--border:#ffffff4d}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html,body{background-color:var(--background-alt);color:var(--font);max-width:100vw;overflow-x:hidden}.ball{--delay:0s;--size:.4;--speed:20s;aspect-ratio:1;width:calc(100%*var(--size));filter:blur(10vw);animation:loop var(--speed)infinite linear;animation-delay:var(--delay);transform-origin:50%;opacity:.2;z-index:-1;background:linear-gradient(259.53deg,#9eb3ff 6.53%,#2600ff 95.34%);border-radius:50%;position:fixed;top:0;left:0}@keyframes loop{0%{transform:translateY(51%)rotate(0)}5%{transform:translate(8%,31%)rotate(18deg)}10%{transform:translate(22%,13%)rotate(36deg)}15%{transform:translate(40%,2%)rotate(54deg)}20%{transform:translate(46%,21%)rotate(72deg)}25%{transform:translate(50%,47%)rotate(90deg)}30%{transform:translate(53%,80%)rotate(108deg)}35%{transform:translate(59%,98%)rotate(125deg)}40%{transform:translate(84%,89%)rotate(144deg)}45%{transform:translate(92%,68%)rotate(162deg)}50%{transform:translate(99%,47%)rotate(180deg)}55%{transform:translate(97%,21%)rotate(198deg)}60%{transform:translate(80%,7%)rotate(216deg)}65%{transform:translate(68%,25%)rotate(234deg)}70%{transform:translate(59%,41%)rotate(251deg)}75%{transform:translate(50%,63%)rotate(270deg)}80%{transform:translate(38%,78%)rotate(288deg)}85%{transform:translate(21%,92%)rotate(306deg)}90%{transform:translate(3%,79%)rotate(324deg)}to{transform:translateY(51%)rotate(360deg)}}