:root{--animation-duration-1:10s;--animation-duration-2:8s;--animation-duration-3:6s;--animation-duration-4:4s;--animation-duration-5:2s}.aurora-wrap{width:100%;height:300px;margin:0 auto;position:fixed;bottom:0;overflow:hidden}.aurora-lightings{opacity:.5;width:80%;margin-left:10%;position:fixed;bottom:-60px}div.aurora-lightings div{border-radius:50%;width:100%;height:20px;margin:auto;position:relative}.aurora-one{animation:one var(--animation-duration-1) ease-in-out infinite alternate}@keyframes one{0%{box-shadow:0 0 250px 20px #473c78}to{box-shadow:0 0 100px 15px #f72a3b}}.aurora-two{width:90%;animation:two var(--animation-duration-2) ease-in-out infinite alternate}@keyframes two{0%{box-shadow:0 0 250px 20px #18c499}to{box-shadow:0 0 100px 15px #d8f05e}}.aurora-three{width:80%;animation:three var(--animation-duration-3) ease-in-out infinite alternate}@keyframes three{0%{box-shadow:0 0 250px 20px #fd0}to{box-shadow:0 0 100px 15px #3e33ff}}.aurora-four{width:70%;animation:four var(--animation-duration-4) ease-in-out infinite alternate}@keyframes four{0%{shadow:0 0 250px 20px #781848}to{shadow:0 0 100px 15px #f2bbe9}}.aurora-five{width:60%;animation:five var(--animation-duration-5) ease-in-out infinite alternate}@keyframes five{0%{box-shadow:0 0 250px 20px #42f2a1}to{box-shadow:0 0 100px 15px #f4f6ad}}