@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap);:root{font-feature-settings:"liga" 1,"calt" 1;font-family:Open Sans,sans-serif}@supports (font-variation-settings:normal){:root{font-family:Open Sans,sans-serif}}body,html{height:100%;margin:0;overflow:hidden;padding:0}.scrollable-window{-webkit-overflow-scrolling:touch;background-attachment:fixed;background-image:url(/static/media/Background%20Texture.54a822b62b4071cda635.png);background-position:50%;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;gap:28px;height:100vh;margin:0;overflow-y:auto;overscroll-behavior:contain;padding:80px;width:100%}.tooltip-wrapper{display:inline-block;margin:0;position:relative}.tooltip-text{border-radius:4px;color:#868686;font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-align:center;top:115%;transform:translateX(-50%);visibility:hidden;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:1}.tooltip-wrapper:hover .tooltip-text{animation:fadeInDown .2s ease-in-out forwards;opacity:1;visibility:visible}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-section{animation:fadeInUp .6s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.5s}.delay-4{animation-delay:.6s}.delay-5{animation-delay:.7s}.delay-6{animation-delay:.8s}.delay-7{animation-delay:.9s}.delay-8{animation-delay:1s}@media screen and (max-width:768px){.scrollable-window{background-size:auto;height:100vh;padding:40px 40px 120px}.project-image{border-radius:20px!important}}@media screen and (max-width:480px){.scrollable-window{padding:20px 20px 100px}}.scrollable-video{display:block;margin:0 auto}.imageBox{align-items:center;border-radius:8px;display:flex;justify-content:center;min-height:400px;width:600px}@media screen and (max-width:768px){.imageBox{display:none!important}}.spinner{animation:spin .6s linear infinite;border:2px solid #868686;border-radius:50%;border-top-color:#fff9;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a01a0b68.css.map*/