.ray{background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));background:linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));margin-left:10px;border-radius:80% 80% 0 0;position:absolute;opacity:.1}.ray1{height:170px;width:30px;-webkit-transform:rotate(180deg);top:-175px;left:15px}.ray2{height:100px;width:8px;-webkit-transform:rotate(220deg);top:-90px;left:75px}.ray3{height:170px;width:50px;-webkit-transform:rotate(250deg);top:-80px;left:100px}.ray4{height:120px;width:14px;-webkit-transform:rotate(305deg);top:30px;left:100px}.ray5{height:140px;width:30px;-webkit-transform:rotate(-15deg);top:60px;left:40px}.ray6{height:90px;width:50px;-webkit-transform:rotate(30deg);top:60px;left:-40px}.ray7{height:180px;width:10px;-webkit-transform:rotate(70deg);top:-35px;left:-40px}.ray8{height:120px;width:30px;-webkit-transform:rotate(100deg);top:-45px;left:-90px}.ray9{height:80px;width:10px;-webkit-transform:rotate(120deg);top:-65px;left:-60px}.ray10{height:190px;width:23px;-webkit-transform:rotate(150deg);top:-185px;left:-60px}@-webkit-keyframes ray_anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{scroll-behavior:smooth}.shadow{position:absolute;background:hsl(var(--primary)/0%);border-radius:24px;rotate:35deg;width:260px;top:200px;height:400px;filter:blur(150px);animation:shadow-slide 4s linear infinite alternate}@keyframes shadow-slide{0%{background:hsl(var(--primary)/20%);right:460px}to{background:hsl(var(--primary)/80%);right:160px}}@media (max-width:1024px){.shadow{top:70px}@keyframes shadow-slide{0%{background:hsl(var(--primary)/20%);right:460px}to{background:hsl(var(--primary)/50%);right:160px}}}@media (max-width:768px){.shadow{top:70px;width:100px;height:350px;filter:blur(60px)}@keyframes shadow-slide{0%{background:hsl(var(--primary)/20%);right:280px}to{background:hsl(var(--primary)/30%);right:100px}}}