*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}img,video{display:block}body{overflow-x:hidden}body ::-webkit-scrollbar{display:none}body *{scrollbar-width:none}html ::-webkit-scrollbar{display:none}html *{scrollbar-width:none}h2{color:#fff;font-family:Poppins,sans-serif;font-size:75px}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}.home{width:100vw;height:100vh;position:relative;overflow:hidden}.home-background-video{object-fit:cover;z-index:-5;width:100vw;height:90vh;position:fixed;top:0;left:0}.home-background-gradient{object-fit:cover;z-index:-1;background-image:linear-gradient(#0000 60%,#000 90%);width:100vw;height:100vh;position:absolute;top:0;left:0}.home-title{color:#fff;text-align:center;z-index:5;font-family:Poppins,sans-serif;font-size:100px;position:relative;top:calc(90vh - 50px)}.home-scroll{color:#fff;text-align:center;z-index:5;font-family:Poppins,sans-serif;font-size:20px;position:relative;top:calc(90vh - 50px)}.home-burger-menu{cursor:pointer;z-index:1000;flex-direction:column;justify-content:space-between;width:40px;height:30px;transition:transform .3s,opacity 1s;display:flex;position:fixed;top:30px;right:30px}.home-burger-menu:hover{transform:scale(1.1)}.home-burger-menu span{transform-origin:50%;background-color:#fff;border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.home-burger-menu.active span:first-child{transform:translateY(13.5px)rotate(45deg)}.home-burger-menu.active span:nth-child(2){opacity:0;transform:translate(20px)}.home-burger-menu.active span:nth-child(3){transform:translateY(-13.5px)rotate(-45deg)}.nav-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#000000f2;justify-content:center;align-items:center;width:100%;max-width:400px;height:100vh;transition:right .4s;display:flex;position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.nav-menu-list{text-align:center;margin:0;padding:0;list-style:none}.nav-menu-item{opacity:0;margin:40px 0;transition:all .3s;transform:translate(50px)}.nav-menu.active .nav-menu-item{opacity:1;transform:translate(0)}.nav-menu-item:first-child{transition-delay:.1s}.nav-menu-item:nth-child(2){transition-delay:.2s}.nav-menu-item:nth-child(3){transition-delay:.3s}.nav-menu-item:nth-child(4){transition-delay:.4s}.nav-menu-item:nth-child(5){transition-delay:.5s}.nav-menu-item:nth-child(6){transition-delay:.6s}.nav-menu-item:nth-child(7){transition-delay:.7s}.nav-menu-item:nth-child(8){transition-delay:.8s}.nav-menu-item:nth-child(9){transition-delay:.9s}.nav-menu-item:nth-child(10){transition-delay:1s}.nav-menu-item a{color:#fff;letter-spacing:2px;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:32px;font-weight:300;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.nav-menu-item a:after{content:"";background:#fff;width:0;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.nav-menu-item a:hover{color:#ccc;transform:scale(1.05)}.nav-menu-item a:hover:after{width:100%}body.menu-open{overflow:hidden}.video-comparison-slider{width:100%}.video-comparison-slider video,.video-comparison-slider img{width:100%;height:auto;display:block}.video-comparison-slider .video-comparison-container{position:relative}.video-comparison-slider .video-comparison-overlay{opacity:0;width:100%;transition:opacity .1s;position:absolute;top:0}.video-comparison-slider .video-comparison-overlay video,.video-comparison-slider .video-comparison-overlay img{width:100%;height:auto;display:block}.project{color:#fff;background-color:#000;padding-bottom:50px}.project-title{margin-top:50px;margin-left:50px}.project-paragraph{max-width:700px;margin-top:15px;font-family:Poppins,sans-serif;font-size:20px;line-height:1.5}.project-paragraph-container{justify-content:space-between;gap:50px;margin-left:50px;margin-right:50px;display:flex}@media (width<=1300px){.project-paragraph-container{flex-direction:column;gap:0}}.project-date{max-width:800px;margin-top:-5px;margin-left:50px;margin-right:50px;font-family:Poppins,sans-serif;font-size:25px;line-height:1.5}.project-title-softwares{justify-content:space-between;display:flex}.project-softwares{align-items:end;gap:25px;margin-bottom:10px;margin-right:50px;display:flex}.project-software-icon{width:75px;height:75px}.project-images-container{flex-wrap:wrap;justify-content:space-between;margin-top:30px;margin-left:50px;margin-right:50px;display:flex}.project-images-container .project-image-container{border-radius:10px;width:32%;height:calc(16.6667vw - 16.6667px);margin-bottom:25px;position:relative}.project-images-container .project-image-container .project-images{object-fit:cover;border-radius:10px;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:relative;overflow:hidden}.project-images-container .project-image-container .project-images .video-comparison-1{transform:scale(1.3)}.project-images-container .project-image-container .project-images .video-comparison-2{transform:translateY(1vw)}.project-images-container .project-image-container .project-images:hover{cursor:pointer;transform:scale(1.05)}.project-images-container .project-image-container.active .project-images{z-index:10;object-fit:contain;-webkit-backdrop-filter:blur(10px)brightness(30%);backdrop-filter:blur(10px)brightness(30%);border-radius:0%;width:100vw;height:100vh;position:fixed;top:0%;left:0%}.project-images-container .project-image-container.active .project-images .video-comparison-1{width:100vw;transform:scale(1)}.project-images-container .project-image-container.active .project-images .video-comparison-2{transform:scale(1)}.project-images-container .project-image-container.active .project-images:hover{cursor:pointer;transform:scale(1)}.project-video{width:100vw}.project-video iframe{max-width:100vw;height:100vh;max-height:100vh}.project-video video{max-width:100vw;max-height:100vh;margin-left:auto;margin-right:auto}.interactive{animation:5s ease-in-out infinite slightly-move}.interactive:hover{animation:none}.interactive.active{animation:none!important}@keyframes slightly-move{55%{transform:translateY(0)}70%{transform:translateY(0)rotate(1.5deg)scale(1.025)}85%{transform:translateY(0)rotate(-1.5deg)scale(1.025)}to{transform:translateY(0)}}.about{color:#fff;background-color:#000;padding:100px 50px;font-family:Poppins,sans-serif}
/*# sourceMappingURL=index.22662a65.css.map */