@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.loading-screen{width:100%;height:100vh;background-color:#213040;position:fixed;top:0;margin:0;z-index:100}.loading-screen svg:nth-of-type(1){position:absolute;top:0;right:0;bottom:0;left:0;width:300px!important}.loading-screen svg:nth-of-type(2){position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.loading-screen svg:nth-of-type(2) path{fill:#95acc7}.hero{width:100%;height:100%;overflow:hidden;position:relative;background-color:transparent;max-height:100vh}.hero .canvas{position:relative;top:6rem}.hero__content{color:#fff;font-weight:900;z-index:-2}.hero__content p{font-weight:400;font-size:1.5rem;position:absolute;width:40ch;max-width:80vw;top:90vh;left:0;right:0;margin:0 auto;text-align:center;color:#95acc7;z-index:1}.hero__content h1{font-size:7rem;margin-top:2%;font-weight:900;position:absolute;left:0;right:0;top:4%;text-align:center;z-index:unset}@media only screen and (min-width: 800px){.hero{height:110vh;max-height:unset}.hero h1{top:3%;font-size:9rem}.hero p{top:95vh}}.projects{background:rgb(22,34,46);background:linear-gradient(0deg,rgba(22,34,46,.275) 80%,rgba(28,37,45,.8) 100%);padding-top:20vh;padding-bottom:20vh;box-shadow:0 -2px 25px 20px #1c252dcc;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects__list{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5vh;gap:10vh}@media only screen and (min-width: 800px){.projects{background:rgb(22,34,46);background:linear-gradient(0deg,rgba(22,34,46,.5) 95%,rgb(30,38,44) 100%);padding-top:30vh;box-shadow:0 -2px 25px 20px #1e262c}.projects__list{display:flex;flex-direction:row;justify-content:center;align-items:space-evenly;flex-wrap:wrap}}.project{color:#fff;background-color:#213040;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:5rem 3rem;border-radius:10px;max-width:95%;font-size:1.2rem;box-shadow:13px 13px 26px #131d27,-13px -13px 26px #192735}.project .icons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:3rem}.project .icons svg{font-size:2.5rem}.project .icons svg path{fill:#95acc7}.project h3{text-align:center;font-size:3rem;margin-top:0}.project p{color:#95acc7;font-size:1.5rem;white-space:pre-wrap}.project:hover .video .filter,.project:focus .video .filter{transition:all .3s ease-in-out;opacity:0}.project:hover .video .filter:before,.project:focus .video .filter:before{transition-delay:.15s;transition:all .3s ease-in-out;opacity:0}.project:hover .video .filter svg,.project:focus .video .filter svg{transition-delay:.15s;transition:all .3s ease-in-out;opacity:0}.project:hover .video video,.project:focus .video video{transition:all .3s ease-in-out;filter:none;mix-blend-mode:normal}.project .video{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:3rem}.project .video .filter{transition:all .3s ease-in-out;background-color:#f8fa72;position:absolute;width:100%;height:100%}.project .video .filter:before{transition-delay:.15s;transition:all .3s ease-in-out;content:"";position:absolute;width:100%;height:100%;inset:0px;mix-blend-mode:screen}.project .video .filter svg{transition:all .3s ease-in-out;position:absolute;opacity:1;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;color:#fff}.project .video video{transition:all 1s ease-in-out;mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%);max-width:100%}.project .buttons{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.project .buttons button{border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#16222e;border:none;outline:none;padding:1em 1.5em;cursor:pointer;transition:background-color,color,.15s ease-in-out}.project .buttons button svg{margin-left:1rem}.project .buttons button:hover{color:#16222e;background-color:#f8fa72;transition:background-color,color,.3s ease-in-out}@media only screen and (min-width: 800px){.project{max-width:33vw}}.home{margin-top:6rem;overflow:scroll;height:100vh}.thanks{margin-top:6rem;overflow:scroll;height:100vh;padding-bottom:25vh}.thanks p{margin:10vh auto;text-align:center;max-width:95vw}.thanks button{border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f8fa72;margin:0 auto;color:#16222e;border:none;outline:none;padding:1em 1.5em;cursor:pointer;transition:background-color,color,.1s ease-in-out}.thanks button svg{margin-left:1rem}.thanks button:hover{color:#fff;background-color:#16222e;transition:background-color,color,.2s ease-in-out}.contact{margin-top:6rem;overflow:scroll;height:100vh;padding-bottom:25vh}.contact h3{margin:2rem auto;width:40ch;text-align:center}.contact form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10vh auto;border-radius:8px;padding:5rem 2rem;max-width:90vw;gap:2.4rem;background-color:#213040;box-shadow:13px 13px 26px #131d27,-13px -13px 26px #192735}.contact form input,.contact form textarea{width:100%;font-size:1.5rem;padding:1.8rem 1.6rem;border-radius:8px;resize:none}.contact form input:focus,.contact form textarea:focus{outline:none}.contact form button{font-size:2rem;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f8fa72;color:#16222e;border:none;outline:none;padding:.5em 2em;cursor:pointer;transition:background-color,color,.2s ease-in-out}.contact form button:hover{background-color:#16222e;color:#fff;transition:background-color,color,.1s ease-in-out}.contact .socials{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.8rem}@media only screen and (min-width: 800px){.contact form{width:60vw;max-width:1000px}}.mobile-menu{position:fixed;display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:100;background:rgba(33,48,64,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);top:6rem;width:100%;height:100%;padding-bottom:15%}.mobile-menu .links{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}.mobile-menu .language-socials{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.mobile-menu .language-socials .language .active{color:#f8fa72}@media only screen and (min-width: 800px){.mobile-menu{display:none}}.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 2rem;background-color:#16222e;position:fixed;width:100%;height:6rem;z-index:100;top:0}.navbar .logo svg{height:4rem;width:8rem}.navbar .logo path{fill:#95acc7}.navbar .links{display:none;width:50%}.navbar .langsocials{display:none;gap:2rem}.navbar .langsocials .active{color:#f8fa72}.navbar .Burger{display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (min-width: 800px){.navbar{padding:1rem 2rem}.navbar .links{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.navbar .langsocials{display:flex;flex-direction:row;justify-content:center;align-items:center}.navbar .Burger{display:none}}html{font-size:62.5%}*{font-family:Poppins,sans-serif}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#16222e;color:#95acc7;overflow:hidden;height:100%}h1,h2,h3{font-weight:700;line-height:1.1;margin-top:0}p{margin-top:0;font-size:2rem}a,a:visited,a:active{text-decoration:none;color:inherit;font-size:2rem}button{outline:none;border:none;background-color:unset;color:inherit;cursor:pointer}h2{color:#fff;font-size:5rem}::-webkit-scrollbar{width:0px}@media only screen and (min-width: 800px){::-webkit-scrollbar{width:10px}}::-webkit-scrollbar-track{background:#16222E}::-webkit-scrollbar-thumb{background:#95acc7}::-webkit-scrollbar-thumb:hover{background:#f8fa72}*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:before,:after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200b";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details > summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}
