:root{font-family:Poppins,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#ddd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overscroll-behavior:none;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}.wrapper{background-color:#fff;display:flex;flex-direction:column;align-items:center;padding:1rem}nav{width:min(1840px,97%);height:max(50px,10vh);display:flex;justify-content:space-between;align-items:center}.icons{display:flex;height:100%;flex-direction:row;gap:20px;align-items:center}.icons span{display:flex;justify-content:center;align-items:center;height:40px}.logo p{font-weight:500;color:#000;font-size:1.5rem}.video-wrapper{width:min(1920px,99%);height:auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.video-container{display:flex;justify-content:center;align-items:center;overflow:hidden;aspect-ratio:16/9;max-width:calc(33% - 10px);margin:5px;position:relative;background-color:#000}.video-full{height:auto;width:100%}.video-description{position:absolute;inset:0;background-color:#000000b3;color:#fff;padding:10px;transition:opacity .3s ease;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all;will-change:opacity;gap:1rem}button{background-color:#fef3f3;color:#000;border:none;cursor:pointer;border-radius:8px;width:100px;height:45px;transition:.3s}button:hover{background-color:#3b82f6;box-shadow:0 0 0 5px #3b83f65f;color:#fff}footer{width:min(1080px,90%);min-height:6rem;display:flex;justify-content:center;align-items:center}.transition-container{height:100vh;width:100vw;position:fixed;top:0;left:0;pointer-events:none;display:flex}.black-bar{position:relative;height:100%;width:100%;background-color:#000}.stairs{height:100vh;width:100vw;position:fixed;top:0;left:0;pointer-events:none;z-index:100}.about-container{height:80vh;width:100vw;background-color:#4d6e1e}.about-image-container{border-radius:25px;background-color:#73ad21;padding:20px;height:300px;aspect-ratio:3/4}@media(max-width:1080px){.video-container{max-width:calc(50% - 10px);margin:5px}}@media(max-width:576px){.video-container{max-width:calc(100% - 10px);margin:5px}}