#sun div{content:"";display:block;position:fixed;bottom:0;left:38vw;width:270vw;height:250vh;--sunPos:50vw -35vmin;transform-origin:var(--sunPos);-webkit-animation:sun 7.5s linear infinite alternate;animation:sun 7.5s linear infinite alternate;opacity:.4;-webkit-mask-image:radial-gradient(circle at var(--sunPos),white 0,transparent 80%);mask-image:radial-gradient(circle at var(--sunPos),white 0,transparent 80%);z-index:1;pointer-events:none}#sun #sun_layer1{background:conic-gradient(from 135deg at var(--sunPos),transparent 10.5%,rgba(50,147,111,.15) 11%,transparent 11.5%,transparent 15%,oklch(80% .1 0deg/.1) 16%,transparent 17%,transparent 18%,rgba(50,147,111,.1) 19%,transparent 20%)}#sun #sun_layer2{-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-animation-duration:14s;animation-duration:14s;background:conic-gradient(from 140deg at var(--sunPos),transparent 10%,rgba(50,147,111,.1) 11%,transparent 12%,transparent 15.5%,rgba(50,147,111,.1) 16%,transparent 16.5%,transparent 17%,oklch(90% .1 50deg/.1) 18%,transparent 19%)}#sun #sun_layer3,#sun #sun_layer4{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:12.5s;animation-duration:12.5s;background:conic-gradient(from 145deg at var(--sunPos),transparent 10%,oklch(90% .1 200deg/.1) 11%,transparent 12%,transparent 14%,rgba(50,147,111,.1) 15%,transparent 16%,transparent 17%,rgba(50,147,111,.1) 18%,transparent 19%)}@keyframes sun{to{transform:skew(-15deg)}}