.intro{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh;color:#fff;position:relative;padding:0 2rem}.intro__title{max-width:90rem;z-index:800}.custom-list{list-style:none;padding:0;margin-top:3rem;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;bottom:3rem}.custom-list-item{font-weight:500;position:relative;font-size:16px;text-align:center;padding:10px 20px;border:1px solid white;border-radius:10rem;display:inline-block;width:fit-content;transition:all .3s ease}.custom-list-item:hover{color:#fff;border-color:#333;transform:scale(1.05)}.scroll__down{z-index:500;position:absolute;bottom:5rem;right:5rem;background:none;border:none;color:#fff;display:flex;flex-direction:column-reverse}@media (max-width: 1050px){.scroll__down{right:2rem}}@media (max-width: 500px){.gototop{right:3rem}.custom-list{flex-direction:column;bottom:1.5rem}}.scroll__down:hover{transform:scale(2)}.scroll__down:hover .more{opacity:1}.more{position:absolute;width:10rem;bottom:3rem;right:0rem;opacity:0;transition:all .3s ease}.section{height:100vh;margin-bottom:2rem}.projects__wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:80rem;margin:0 auto}.project__wrapper{display:flex;gap:10vw}@media (max-width: 500px){.project__wrapper{flex-direction:column}}.project__title{text-align:center;font-size:5rem}#projects,.project__details{display:flex;flex-direction:column;color:#fff}.project__details{max-width:30rem}.project__image{width:10rem}.project__pictures{display:flex;flex-direction:column;gap:2rem;margin-top:10rem}.project__category-container{position:relative;display:inline-block;margin:20px 0}.oval{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.pictures_row{display:grid;align-items:center;justify-content:center;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:2rem}.project__picture{width:100%;border-radius:.3rem}.technologies{display:grid;grid-template-rows:repeat(minmax(100px,1fr));grid-template-columns:repeat(3,auto);gap:1rem;text-align:center}.project{border:.5px solid #ffffff;border-color:#fff;color:#fff;padding:20px;line-height:.1rem;text-align:left;font-weight:100;transition:all .3s ease}.project:hover{background-color:#fff;color:#000}.project_specs{display:flex;justify-content:space-around;margin-top:3rem;margin-bottom:3rem}@media (max-width: 500px){.project_specs{flex-direction:column;gap:2rem}}.featured__img{width:100%;object-fit:cover}.project__section{margin-top:4rem}.project__step{margin-top:-6rem;margin-left:2rem}.conclusion{padding:5rem 0}.navbar{position:fixed;width:95%;display:flex;z-index:900;padding:2rem 2.5%;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;font-size:2rem}.navbar-links{list-style-type:none}.navbar-links{font-size:1.1rem;display:flex;margin-right:0;gap:2rem}.active:after{content:"";display:block;position:relative;width:1.5rem;height:2px;background-color:#fff;transition:width .3s;margin:0 auto}@media (max-width: 550px){.navbar{width:90%;padding:2rem 5%}.navbar-links{gap:1rem}}@media (max-width: 500px){.navbar-links{display:none}}.hamburger-container{position:relative}.hamburger{width:30px;height:20px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer}@media (max-width: 500px){.hamburger{display:flex}}.hamburger .bar{width:100%;height:4px;background-color:#fff;transition:transform .3s ease,opacity .3s ease}.hamburger.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu{position:absolute;z-index:-100;top:0;left:0;width:100%;height:100vh;background-color:#87cefa}.menu ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.menu ul li{padding:10px 20px;font-size:4rem}.menu ul li a{text-decoration:none;color:#fff;display:block}.menu ul li a:hover{color:#add8e6}.footer{display:flex;justify-content:center;background-color:#1a1a1a;color:#fff;padding:20px;text-align:center;margin-top:20px}.gototop{width:2rem;height:2rem;position:fixed;right:5rem;bottom:5rem;z-index:600}.go-to-top-button{background-color:#fff;background:none;color:#fff;box-shadow:none;border:none;transform:rotate(180deg);position:relative;transition:all .3s ease;bottom:0}.go-to-top-button:hover{bottom:1rem}@media (max-width: 1050px){.gototop{width:1rem;right:4rem}}@media (max-width: 500px){.gototop{right:3rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root,body{font-family:montserrrat,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.1rem;line-height:1.55;font-weight:100;text-align:left;background-color:#fff;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:#000}body:after{content:"";background-image:url(/img/noise.png);height:300%;width:300%;position:fixed;left:0;top:0;opacity:.1;animation:animateGrain 8s steps(10) infinite}@keyframes animateGrain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,-20%)}30%{transform:translate(-5%,-10%)}40%{transform:translate(-15%,-20%)}50%{transform:translate(-5%,-10%)}60%{transform:translate(-15%,-20%)}70%{transform:translate(-5%,-10%)}80%{transform:translate(-15%,-20%)}90%{transform:translate(-5%,-10%)}to{transform:translate(-15%,-20%)}}.bold{font-weight:600}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:gray}.body{margin-bottom:1rem}.title{font-family:Bokor,system-ui;font-weight:400;font-style:normal}.title__extrasmall{font-size:1.5rem;line-height:97%}.title__small{font-size:3rem;line-height:97%;margin-top:3rem;margin-bottom:1.5rem}.title__medium{font-size:5.5rem;line-height:97%;margin-top:4rem;margin-bottom:1rem}.title__large{font-size:9rem;line-height:97%}@media (max-width: 1050px){.title__large{font-size:8rem}.title__medium{font-size:4rem}.title__small{font-size:2.5rem}}@media (max-width: 800px){.title__large{font-size:5rem}.title__medium{font-size:3rem}.title__small{font-size:2.5rem;line-height:120%}}.content{padding:7rem 2rem 0;position:relative;z-index:500}.centercontent{max-width:50rem;margin:0 auto;text-align:center}.centercontent__big{max-width:60rem;margin:0 auto}.centercontent__small{max-width:40rem}.right{margin-left:auto}.center{text-align:center}@media (max-width: 500px){.title__large{font-size:3rem}.content{padding:3rem 1rem 0}}.link__arrow__right{margin-left:.5rem;position:relative;transition:all .3s ease;left:0}.link__arrow__left{margin-right:.5rem;position:relative;transition:all .3s ease;right:0;transform:rotate(180deg)}.link:hover .link__arrow__right{left:.5rem}.link:hover .link__arrow__left{right:.5rem}#contactstrip{margin-bottom:10rem}@media (max-width: 500px){#project{padding-top:6.5rem}}@font-face{font-family:bokor;src:url(/fonts/bokor-regular-webfont.woff2) format("woff2"),url(/fonts/bokor-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}