.background-gradient{position:relative;min-height:100dvh}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat,no-repeat;background-size:cover,auto;background-attachment:fixed,fixed;background-position:center,center;z-index:-1}.background-layer[data-palette="0"]{background-image:url(/frog-bg.jpg),radial-gradient(1200px 800px at 20% 10%,rgba(255,215,0,.18),transparent 60%),radial-gradient(900px 700px at 80% 90%,rgba(0,255,200,.12),transparent 60%)}.background-layer[data-palette="1"]{background-image:url(/frog-bg.jpg),radial-gradient(1000px 700px at 10% 80%,rgba(0,160,255,.14),transparent 60%),radial-gradient(900px 700px at 90% 20%,rgba(255,180,0,.16),transparent 60%)}.background-layer[data-palette="2"]{background-image:url(/frog-bg.jpg),radial-gradient(1100px 800px at 30% 30%,rgba(255,0,128,.15),transparent 65%),radial-gradient(900px 700px at 85% 65%,rgba(0,255,128,.12),transparent 60%)}.background-layer[data-palette="3"]{background-image:url(/frog-bg.jpg),radial-gradient(1200px 800px at 50% 15%,rgba(255,255,255,.1),transparent 60%),radial-gradient(1000px 750px at 50% 85%,rgba(0,180,255,.12),transparent 60%)}.background-layer.dimmed-foggy{filter:blur(2px) brightness(.3)}.background-layer.dimmed-foggy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1}.content-layer{position:relative;z-index:1}