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