:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--color-darkred: #6f0e2b;--color-orange: #e08a3d;--color-gold: #d1bf6b;--color-pink: #e5bdde;--color-lightblue: #c7e0d6;--color-darkblue: #333847;--color-white: #ffffff;--gradient: linear-gradient( 45deg, var(--color-darkblue), var(--color-darkred), var(--color-orange), var(--color-gold), var(--color-white) )}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none}#page{min-height:100vh;display:grid;place-items:center}#window-animation{width:100vw;height:100vh;overflow:hidden;display:grid;place-items:center}.window-animation__inner{--blurr-correct: 100px;filter:url(#soft-blur);width:calc(100% + var(--blurr-correct));height:calc(100% + var(--blurr-correct));display:grid;grid-template-columns:repeat(8,1fr);background-color:#d0b594}.window{--duration: 15s;overflow:hidden;position:relative;background-image:var(--gradient);background-size:100% 700%}@keyframes window-light-top{0%{background-position:top}to{background-position:bottom}}@keyframes window-light-bottom{0%{background-position:bottom}to{background-position:top}}