.parallax-img{position:absolute;top:50px}.parallax-wrapper{position:relative}.sticky{display:block;height:28%;position:fixed;top:0;width:28%}.hover-i{height:70vh;left:20vw!important;min-height:450px;min-width:600px;overflow:hidden;position:fixed;top:15vh!important;width:60vw}@media screen and (max-width:700px){.hover-i{left:5vw!important}}.hover-i img{height:100%;object-fit:contain;transform:translateX(-100%);transition:transform .4s ease-in-out;width:100%}.item-d:hover img{transform:translateX(0)}.item-d:active img{transform:translateX(100%)}.out-ani{animation:photo-hide .5s forwards}@keyframes photo-appear{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes photo-hide{0%{transform:translateX(0)}to{transform:translateX(100%)}}.scroll-container{display:flex;height:100vh;overflow-x:scroll;width:100vw}.panel{flex:0 0 auto;height:100vh;width:100vw}.motion{display:flex;gap:4}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b65003a0.css.map*/