.body{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.arrow-container{position:absolute;display:flex;align-items:center;font-size:1rem;color:var(--primary-color)}.arrow-future{top:8rem;right:3rem;flex-direction:column;gap:.5rem}.arrow-past{bottom:8rem;left:3rem;flex-direction:column-reverse;gap:.5rem}.photo-slider{position:fixed;bottom:2rem;right:1rem;width:500px;height:300px;overflow:hidden;z-index:100;display:flex;justify-content:center;align-items:center}.slider-image{position:absolute;width:100%;height:100%;object-fit:contain;object-position:right}.slider-image.active{opacity:1;z-index:1}.slider-image:not(.active){opacity:0}.scroll-arrow-project{width:200vw;max-width:200vw;display:block;width:100%;height:auto;max-width:300vw;transform:translateX(-10vw)}.project-1{top:3%;left:25%}.project-1,.project-2{width:300px;height:auto;position:absolute;padding:10px;z-index:1;background-color:white;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;cursor:pointer}.project-2{top:19%;left:52%}.project-3{top:34%;left:15%;width:300px;height:auto;position:absolute;padding:10px;z-index:1;background-color:white;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;cursor:pointer}.overlay-image-project{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s cubic-bezier(.4,.2,.2,1);width:60vw;height:auto;z-index:1000;pointer-events:none;box-shadow:0 4px 100px rgba(0,0,0,.3);box-sizing:border-box;border-radius:10px;display:block}.project-4{top:46%;left:40%;width:300px;height:auto;position:absolute;padding:10px;z-index:1;background-color:white;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;cursor:pointer}