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:3}#nav-list>li:hover,.activeMenuItem{color:var(--color-light-red);transition:.2s}#nav-list>li>button{cursor:pointer}.page{min-height:calc(100vh - (var(--spacing) * 14))}#heroPage{background-image:linear-gradient(#091244,#2B409D 60%,#d69aa4)}#starCanvas{animation-name:spin;animation-duration:200s;animation-iteration-count:infinite;animation-timing-function:linear}.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}.hero-text{text-shadow:0 0 6px white}#aboutMeButton{overflow:hidden}#aboutMeButtonSlider{background-color:var(--color-lightish-red);transform:rotate(10deg);left:-115%;transition:left .4s ease-out}#aboutMeButton:hover #aboutMeButtonSlider{left:-5%}@supports (-webkit-touch-callout:none){#foreground{display:none}}@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)}}#arrow{width:0;height:0;border-left:49.5vw solid transparent;border-right:49.5vw solid transparent;border-top:4rem solid var(--color-light-background);position:absolute;left:0;top:0}#projectsPage{min-height:calc(100vh + (var(--spacing) * 10));background-image:linear-gradient(var(--color-light-background),#3e5572)}.project{box-shadow:0 0 5px 2px #c5c5c5;transition:box-shadow .25s ease-in-out}.project:hover{box-shadow:0 0 5px 2px #ffffff}.footer{box-sizing:border-box;box-shadow:0 0 5px 1px #c4c4c4}.skill-frontend{background-color:var(--color-light-blue);color:white}@supports (-webkit-touch-callout:none){#transition{display:none}}