*,:after,:before{position:relative;box-sizing:border-box}body,html{height:100%;width:100%;margin:0;padding:0}html{background:#000;color:#eee;overflow:auto;scroll-behavior:smooth}body{display:flex;justify-content:center;align-items:center}.slides{display:grid}.slides>.slide{grid-area:1/-1}.slides>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;position:absolute;width:20rem;height:40rem;outline:none;z-index:5}.slides>button:first-child{left:-50%}.slides>button:last-child{right:-50%}.slideContent{width:50vw;height:40vw;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:all .5s ease-in-out;opacity:.5;filter:blur(10px);-webkit-filter:blur(10px);display:grid;align-content:center;transform-style:preserve-3d;transform:perspective(1000px) translateX(calc(80%*var(--offset))) rotateY(calc(45deg*var(--offset)))}.slideContentInner{text-align:center;width:auto;text-shadow:0 .1rem 1rem #000;opacity:0}.slideContentInner .slideTitle{font-size:2rem;font-weight:400;letter-spacing:.2ch;margin:0}.slideContentInner .slideDesc{top:20vw;white-space:pre-line}.slideBackground{position:fixed;top:0;bottom:0;left:-10%;right:-10%;background-size:cover;background-position:50%;z-index:-1;opacity:0;filter:blur(10px);-webkit-filter:blur(10px)}.slide[focus="0"] .slideBackground{opacity:.2}.slide[focus="0"] .slideContentInner{opacity:1}.slide[focus="0"] .slideContent{border:8px solid #eee;filter:none;-webkit-filter:none;opacity:1}
/*# sourceMappingURL=main.6a180bcd.chunk.css.map */