section{height:calc(100vh - (var(--spacing) * 14));background-image:linear-gradient(#091244,#2B409D 60%,#d69aa4)}#starCanvas{animation-name:spin;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:linear}section{margin-top:var(--nav-height)}.star{display:visible;height:1.5px;rotate:-10deg;background:linear-gradient(45deg,#b7c0d3,rgba(0,0,255,0));filter:drop-shadow(0,0,6px #699bff);animation:tail 2s ease-in-out infinite,shooting 2s ease-out infinite;opacity:0}h1,h2{text-shadow:0 0 6px white}@keyframes tail{0%{width:0;opacity:0}15%{width:100px;opacity:1}50%{width:100px;opacity:1}to{width:0;opacity:0}}@keyframes shooting{to{transform:translateX(max(-1000px,-60vw))}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{box-shadow:0 4px 4px rgba(0,0,0,.3);background-color:rgb(29,29,29);border-bottom:1px solid rgb(48,48,48);z-index:2}li:hover{color:var(--color-light-red);transition:.2s}