@import url("https://fonts.googleapis.com/css2?family=Coiny&family=Jersey+15&family=Noto+Sans+Mono:wght@100..900&family=Tiny5&display=swap");*,body{margin:0;padding:0}body,html{background:linear-gradient(180deg,#fb923c,#ec4899,#3b82f6);color:#ec4899}body{font-family:sans-serif;transition:opacity 1s ease-in;overflow-x:hidden}main{font-family:var(--font-tiny5)}a{text-decoration:none}a,button{cursor:pointer;transition:.3s}h1{font-size:max(2rem,5vw);font-family:var(--bubbly);text-shadow:0 0 10px hsla(0,0%,100%,.3),0 0 20px hsla(0,0%,100%,.2),0 0 30px hsla(0,0%,100%,.1)}h1,h2{color:var(--middle-darker)}h2{font-size:max(1.4rem,2vw);font-family:var(--mono)}:root{--pixel:"Tiny5",serif;--bubbly:"Coiny",cursive;--serif:"Jersey 15",serif;--mono:"Noto Sans Mono",monospace;--middle:#094cb7;--top-darker:#5572d3;--top:#04204e;--middle-darker:#557dd3;--bottom:#031b41;--bottom-darker:#5b55d3;--heading:#ba55d3;--contrast:#15eae2;--black:#000;--white:#fff;--NavLink:#ec4899;--NavLink-active:#fb923c;--NavLink-hover:#fb923c;--Logo:#ec4899;--Logo-hover:#fb923c;--NavIcon:#ec4899;--NavIcon-hover:#fb923c;--Notification:#ec4899;--mobile:320px;--tablet:768px;--desktop:1024px}