@import "https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap";
:root{--mist-density:.7;--mist-temperature:0deg;--mist-opacity:.8;--breathing-scale:1;--drift-x:0px;--drift-y:0px}.transition-page{background:#000;width:100vw;height:100vh;margin:0;padding:0;font-family:Sedan,serif;position:relative;overflow:hidden}.transition-page:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 20%,rgba(50,50,80,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(80,50,50,.1) 0%,transparent 50%);width:100%;height:100%;animation:20s ease-in-out infinite globalAtmosphere;position:fixed;top:0;left:0}@keyframes globalAtmosphere{0%,to{opacity:.3;filter:hue-rotate()}33%{opacity:.5;filter:hue-rotate(10deg)}66%{opacity:.4;filter:hue-rotate(-5deg)}}