.nav{cursor:pointer;color:#eee;transition:all .4s}.nav .list:after{content:attr(data-content);color:#0000;background:linear-gradient(#fff,#fff) bottom/0 2px repeat-y;-webkit-background-clip:text;background-clip:text;transition:all .6s;position:absolute;left:0}.nav .list:before{content:attr(data-content);color:#0000;background:linear-gradient(#6c40a7,#6c40a7) bottom/0 2px no-repeat;padding-bottom:4px;transition:all .4s;position:absolute}.nav:hover .list:after,.nav:hover .list:before,.nav:hover{color:#0000;background-size:100% 2px}.nav:hover .list:after,.nav .list.active:after,.nav:hover .list:before,.nav .list.active:before{text-shadow:0 0 10px #fff}
.locale{color:#ccc;transition:all .4s;position:relative}.locale .lang:after{content:attr(data-content);color:#0000;background:linear-gradient(#fff,#fff) bottom/0 2px repeat-y;-webkit-background-clip:text;background-clip:text;transition:all .6s;position:absolute;left:0}.locale:hover .lang:after,.locale:hover{text-shadow:0 0 10px #fff;color:#0000;background-size:100% 2px}
.stars{z-index:0;width:80vw;position:fixed}@keyframes animate{0%{opacity:0}20%,70%{opacity:1}to{opacity:0;transform:translate(-150vh)}}@keyframes animate2{0%{opacity:0}20%,70%{opacity:1}to{opacity:0;transform:translate(-190vh)}}.star{clip-path:polygon(35% 50%,0 0,50% 35%,100% 0,65% 50%,100% 100%,50% 65%,0 100%);z-index:-9;background-color:#a600ff;border-radius:30%;width:10px;height:10px;animation:ease-in-out infinite animate;position:absolute;left:100%;rotate:310deg}.beam{z-index:-10;background-color:#9500ff;border-radius:50%;width:18px;animation:ease-in-out infinite animate;position:absolute;left:100%;rotate:310deg;box-shadow:0 0 10px 2px #ad49e1cc,0 0 20px 2px #ad49e199,0 0 30px 2px #ad49e166,0 0 40px 2px #ad49e133}.beam:before{content:"";z-index:-10;background:linear-gradient(90deg,#9500ff,#0000);width:300px;height:1px;position:absolute;transform:translateY(-50%);box-shadow:0 0 10px .5px #ad49e1}:root{--animation-duration-1:5.2s;--animation-duration-2:6.5s;--animation-duration-3:4.9s;--animation-duration-4:7s;--animation-duration-5:4.3s;--animation-duration-6:6.1s;--animation-duration-7:4.7s;--animation-duration-8:6.8s;--animation-duration-9:5.4s;--animation-duration-0:6.6s}.beam,.star{position:absolute}.beam:first-child,.star:first-child{animation:0s ease-in-out -5.5s infinite animate2;animation-duration:var(--animation-duration-1);top:-100px}.beam:nth-child(2),.star:nth-child(2){animation:0s ease-in-out -2.2s infinite animate2;animation-duration:var(--animation-duration-2);top:-200px}.beam:nth-child(3),.star:nth-child(3){animation:0s ease-in-out -1.8s infinite animate2;animation-duration:var(--animation-duration-3);top:-300px}.beam:nth-child(4),.star:nth-child(4){animation-delay:-2.5s;animation-duration:var(--animation-duration-4);top:200px}.beam:nth-child(5),.star:nth-child(5){animation-delay:-3s;animation-duration:var(--animation-duration-5);top:300px}.beam:nth-child(6),.star:nth-child(6){animation-delay:-1.3s;animation-duration:var(--animation-duration-6);top:400px}.beam:nth-child(7),.star:nth-child(7){animation-delay:-2.8s;animation-duration:var(--animation-duration-7);top:500px}.beam:nth-child(8),.star:nth-child(8){animation-delay:-3.5s;animation-duration:var(--animation-duration-8);top:100px}.beam:nth-child(9),.star:nth-child(9){animation:0s ease-in-out -1.7s infinite animate2;animation-duration:var(--animation-duration-9);top:-400px}.beam:nth-child(10),.star:nth-child(10){animation-delay:-2s;animation-duration:var(--animation-duration-0);top:0}@media (max-width:630px){.beam:first-child,.star:first-child{animation:0s ease-in-out -5.5s infinite animate;animation-duration:var(--animation-duration-1);top:600px}.beam:nth-child(2),.star:nth-child(2){animation:0s ease-in-out -2.2s infinite animate;animation-duration:var(--animation-duration-2);top:700px}}