#sun div{content:"";display:block;position:absolute;bottom:0;left:20vw;width:200vw;height:200vh;--sunPos:50vw -25vmin;transform-origin:var(--sunPos);animation:sun 10s linear infinite alternate;opacity:.6;mask-image:radial-gradient(circle at var(--sunPos),white 0,transparent 70%);z-index:1;pointer-events:none}#sun #sun_layer1{background:conic-gradient(from 130deg at var(--sunPos),transparent 8%,rgba(50,147,111,.14) 10%,transparent 13%,transparent 17%,rgba(50,147,111,.18) 19%,transparent 22%,transparent 26%,rgba(50,147,111,.1) 28%,transparent 31%)}#sun #sun_layer2{animation-delay:-1.5s;animation-duration:14s;background:conic-gradient(from 135deg at var(--sunPos),transparent 9%,rgba(50,147,111,.12) 11.5%,transparent 14%,transparent 18%,rgba(50,147,111,.15) 20.5%,transparent 23%,transparent 27%,rgba(50,147,111,.1) 29.5%,transparent 32%)}#sun #sun_layer3{animation-delay:-3s;animation-duration:12s;background:conic-gradient(from 140deg at var(--sunPos),transparent 7%,rgba(50,147,111,.1) 9.5%,transparent 12%,transparent 15%,rgba(50,147,111,.14) 17.5%,transparent 20%,transparent 24%,rgba(50,147,111,.12) 26.5%,transparent 29%)}#sun #sun_layer4{animation-delay:-4.5s;animation-duration:16s;background:conic-gradient(from 125deg at var(--sunPos),transparent 10%,rgba(50,147,111,.08) 13%,transparent 16%,transparent 20%,rgba(50,147,111,.12) 23%,transparent 26%,transparent 30%,rgba(50,147,111,.08) 33%,transparent 36%)}@keyframes sun{to{transform:skew(-10deg)}}