@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Jacquard+24&family=Sixtyfour+Convergence&display=swap";@import"https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Jacquard+24&family=Pixelify+Sans:wght@400..700&family=Sixtyfour+Convergence&display=swap";.navbar{background-color:#181817f1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;top:-330px;width:100%;z-index:1000;box-shadow:0 10px 34px #0000007e;transition:.3s ease-in-out;border-bottom:3px solid #eb5e28}.navbar.active{top:0;transition:.3s ease-in-out}.navbar #logo{position:absolute;z-index:1000;top:330px;width:50px;margin:21px auto;padding:5px;cursor:pointer;transition:.3s ease-in-out}.navbar #logo:hover{filter:drop-shadow(0 0 3px rgba(237,234,224,.4));transform:scale(1.03);transition:.3s ease-in-out}.navbar.active #logo{top:0;transition:.3s ease-in-out}.navbar #mobileMenu{position:absolute;top:330px;right:0;z-index:2000;height:100px;width:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease-in-out}.navbar #mobileMenu.active{top:0;transition:.3s ease-in-out}.navbar #mobileMenu #lineContainer{position:relative;width:60%;height:60%;display:flex;justify-content:center;align-items:center}.navbar #mobileMenu .line{position:absolute;width:100%;height:6px;background-color:#edeae0;border-radius:30px;transition:.3s ease-in-out}.navbar #mobileMenu #line-1{top:25%}.navbar #mobileMenu #line-1.active{transform:rotate(45deg);top:50%}.navbar #mobileMenu #line-2{bottom:25%}.navbar #mobileMenu #line-2.active{transform:rotate(-45deg);top:50%}.navbar #mobileMenu:hover .line{background-color:#eb5e28;transition:.3s ease-in-out}.navbar ul{max-width:1040px;margin:100px auto 0;padding:0 80px;list-style:none;display:flex;flex-direction:column;height:100%;justify-content:flex-start;align-items:center;height:330px}.navbar ul li{margin:20px 0}.navbar ul li a{color:#edeae0;text-transform:lowercase;cursor:pointer;transition:.3s ease-in-out;font-family:Pixelify Sans,sans-serif;font-size:2em;text-decoration:underline}.navbar ul li a:hover{color:#eb5e28;transition:.3s ease-in-out;letter-spacing:6px}@media (min-width: 768px){.navbar{top:0;border-bottom:none;transition:.3s ease-in-out}.navbar #logo{top:0;height:41px}.navbar #mobileMenu{display:none}.navbar ul{flex-direction:row;justify-content:flex-end;height:80px;margin-top:0}.navbar ul li{padding-left:40px}.navbar ul li a{font-size:unset;text-decoration:none}}.hero{position:relative;width:100%;height:66%;max-height:2000px;min-height:unset!important;overflow:hidden;transition:.9s ease-in-out}.hero.not-in-view{transform-origin:bottom;transition:.9s ease-in-out}.hero h1{font-size:23px}.hero a{text-decoration:none}.hero #heroIntro{max-width:500px}.hero .heroWrapper{height:66vh!important;display:flex;flex-direction:column;justify-content:start;gap:40px}.hero .heroWrapper h4,.hero .heroWrapper .smallTitle{margin:0 0 21px}.hero .heroWrapper .downloadCv{max-width:150px;padding:14px 31.5px;text-align:center;color:#edeae0;border:2px solid #edeae0;cursor:pointer;margin-top:21px}@media (min-width: 768px){h1{font-size:50px!important}}.inner{height:unset!important;margin:0 auto!important}.projects{position:relative;max-height:unset;overflow-y:visible!important;padding-top:0}.projects #projectsContainer{position:relative}.projects #projectsContainer #projectsTitle{cursor:pointer;color:#edeae0;transition:all .2s ease-out}.projects #projectsContainer #projectsTitle:hover{text-shadow:3px 3px 0px #00ac7e,6px 6px 0px rgba(0,172,126,.6431372549),9px 9px 0px rgba(0,172,126,.4039215686),12px 12px 2px rgba(0,172,126,0)!important;transition:all .2s ease-out}.projects #projectsContainer .project-item-content{position:fixed;top:0;transform:translate(200vw);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;width:100vw;height:100vh;overflow:auto;padding:21px;margin:auto;background-color:#00ac7e;background:#dadada0a;border-radius:6px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:5px 5px 7px #27272873,-3px -3px 7px #403d393c,inset 0 0 0 0 transparent;border:.3px solid rgba(237,234,224,.014)}.projects #projectsContainer .project-item-content .closeContent{color:#edeae0;text-decoration:underline;cursor:pointer;margin-bottom:40px}.projects #projectsContainer .project-item-content .project-content-specs{position:relative;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:21px 0}.projects #projectsContainer .project-item-content .project-content-specs .project-video-wrapper{pointer-events:none;height:auto;width:auto;max-width:500px!important;overflow:hidden;margin-bottom:40px}.projects #projectsContainer .project-item-content .project-content-specs .project-video-wrapper video{height:auto;width:100%;max-width:100%!important;max-height:285px;border-radius:6px;object-fit:cover}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper{max-width:500px}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .project-title{background-color:#edeae0;padding:12px}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .project-title p{color:#181817!important;font-weight:500;font-family:Libre Franklin,Helvetica,"sans-serif"!important;text-transform:uppercase}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .spec{display:flex;color:#181817;font-family:Libre Franklin,Helvetica,"sans-serif";margin:10.5px 0;border:2px solid #edeae0;background:#dadada0a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .infoLabel,.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .info{display:flex;justify-content:center;align-items:center;padding:6px 12px}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .infoLabel{background-color:#edeae0}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .info,.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .technologies p{color:#edeae0}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardsWrapper{display:flex;align-items:flex-start;flex-wrap:wrap}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink{text-decoration:none!important}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink p{margin-top:21px!important;font-size:9px;text-transform:uppercase}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink span{z-index:20000;pointer-events:auto;padding:7px 14px!important;font-weight:700}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink span.gold{color:#553708!important;border:1px solid #bc982d;background-color:#eac541;transition:.3s ease}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink span.gold:hover{color:#b97f23!important;border:1px solid #d9b61a;background-color:#eed26c;box-shadow:0 0 .5625em .0125em #d9b61ac5}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink span.silver{color:#403f3f!important;border:1px solid #7f7f7f;background-color:#c6c6c6;transition:.3s ease}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink span.silver:hover{color:#a3a3a3!important;border:1px solid #c6c6c6;background-color:#dedede;box-shadow:0 0 .5625em .0125em #c6c6c6c0}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper .awardLink .awardCategory{color:#edeae0;font-weight:300!important;margin-top:15px!important;font-size:10px;padding:0 3px;max-width:220px;opacity:.66}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper #description{color:#edeae0;font-weight:300;letter-spacing:1.7px;line-height:1.4;padding-top:21px}.projects #projectsContainer .project-item-content .project-content-specs .project-info-wrapper #projectLink{max-width:150px!important;text-align:center;color:#edeae0;padding:14px 31.5px;text-decoration:none;border:2px solid #edeae0}.projects #projectsContainer .project-item-content .project-content-media{width:100%}.projects #projectsContainer .project-item-content .project-content-media .media-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:21px;padding:40px 0}.projects #projectsContainer .project-item-content .project-content-media .media-wrapper img,.projects #projectsContainer .project-item-content .project-content-media .media-wrapper video{width:100%;height:auto;max-width:500px;border-radius:6px}@media (min-width: 1024px){.projects #projectsContainer .project-item-content .project-video-wrapper{min-width:500px;overflow:hidden}.projects #projectsContainer .project-item-content .project-video-wrapper video{width:530px;height:auto;object-fit:cover}}.projects #projectsContainer .projects-list{display:flex;flex-direction:column;align-items:start;margin-top:40px}.projects #projectsContainer .projects-list .project-item{border-bottom:1px dashed rgba(0,172,126,.4039215686);padding:21px 0;width:100%;cursor:pointer;overflow:visible;pointer-events:auto;opacity:0;transition:all ease}.projects #projectsContainer .projects-list .project-item .project-item-header{box-sizing:border-box;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:0;margin-bottom:21px!important}.projects #projectsContainer .projects-list .project-item .project-item-header .smallTitle{color:#edeae0;font-weight:400;padding:8.4px 14px;border:1px solid #edeae0;background-size:0 110%;background-repeat:no-repeat;transition:.3s;background-position:0 -.1em;background-image:linear-gradient(to right,#403d39 0,#00ac7e)}.projects #projectsContainer .projects-list .project-item .project-item-header:hover .smallTitle{color:#edeae0;background-size:110% 110%}.projects #projectsContainer .projects-list .project-item .project-item-header .client{font-weight:800;color:#00ac7e}.projects #projectsContainer .projects-list .project-item .project-item-header p{font-weight:300;color:#ccc5b9;padding-top:8.4px}.projects #projectsContainer .projects-list .project-item .project-item-header .wip{background-color:#403d39;color:#999790!important;font-weight:800;font-size:12px;padding:4px 6px;line-height:1.5;margin:9px 0 9px 3px}@media (min-width: 1024px){.projects .project-item-content{position:relative;left:50vw;width:50vw!important}.projects .projects-list{width:50vw!important}}.about{position:relative;margin-top:80px;background-color:#00ac7e;padding-bottom:260px;overflow:hidden}.about h2{color:#181817}.about h3{margin-top:40px;margin-bottom:10.5px;color:#edeae0;padding:7px 21px;display:inline-block;background-size:0 100%;background-repeat:no-repeat;transition:.3s;background-position:0 -.1em;background-image:linear-gradient(to right,#181817 0,#181817)}.about h3.active{background-size:100% 100%}.about #scroll-bar{position:absolute;z-index:0;right:0vw;top:0vw;display:flex;justify-content:flex-end;align-items:flex-end;height:100vh;height:0%;width:100vw;background-image:linear-gradient(rgba(237,234,224,.5) .3px,transparent .3px),linear-gradient(to right,rgba(237,234,224,.5) .3px,transparent .3px);background-size:21px 21px}.about .highlight{color:#edeae0;font-weight:600}.about .intro{margin-bottom:40px;max-width:900px}.about p{font-weight:300;color:#181817}.about ul{list-style:none}.about ul li{padding:40px 0;transition:all ease}.about ul h4,.about ul .smallTitle{color:#181817}.about ul .institution,.about ul .company{display:inline-block;font-weight:600;font-size:.8em;font-weight:800;color:#edeae0;background-color:#eb5e28;padding:7px 10.5px;margin:7px 0}.about ul .dateLocation{font-size:.8em;margin-bottom:21px!important}.about a{color:#edeae0;background-color:#181817;text-decoration:none;transition:color .2s ease-in-out;border:1px solid #edeae0;padding:7px 10.5px}@media (min-width: 768px){.about ul{width:50%}.about #experiences{display:flex;gap:40px}}.footer{overflow-y:hidden;background-color:#181817;text-align:center;min-height:0;padding:40px 0}.footer h4,.footer .smallTitle{text-align:left;font-family:Pixelify Sans,sans-serif;margin-bottom:5.25px;font-size:1.2rem;text-transform:capitalize}.footer p{font-weight:300;font-size:.8rem;text-align:left;text-transform:uppercase}.footer-copy{display:flex;justify-content:center;flex-direction:column}.footer .inner{display:flex;flex-direction:row}@keyframes grow{0%{width:10vw;height:0}50%{width:10vw;height:100vh}to{width:100vw;height:100vh}}.background-grid{pointer-events:none;position:fixed;top:0;left:0;display:grid;grid-template-columns:repeat(auto-fill,5vw);grid-template-rows:repeat(auto-fill,5vw);z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 4.95vw,rgba(204,197,185,.1411764706) 5vw),repeating-linear-gradient(90deg,transparent,transparent 4.955vw,rgba(204,197,185,.1411764706) 5vw);animation:grow 2s ease-in-out forwards}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#eb5e28;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen .loader .loading-mask-container{position:absolute;width:150px;height:150px}.loading-screen .loader .loading-mask-container .loading-mask{bottom:0;height:150px;width:0px;overflow:hidden;transition:width 1s ease .05s}.loading-screen .loader .loading-image{width:150px;height:auto}.loading-screen .loader .loading-text{color:#181817;font-family:Pixelify Sans,sans-serif;margin-top:21px}*{margin:0;padding:0}html{letter-spacing:1.2px;font-kerning:normal;overflow-x:hidden}body{margin:0;font-family:Libre Franklin,Helvetica,"sans-serif";background-color:#181817}section{width:100%;min-height:calc(100vh - 130px);padding:130px 0 80px;scroll-snap-align:start;margin:auto}@media (min-width: 768px){section{padding:130px 0 40px}}@media (min-width: 1024px){section{padding:160px 0 80px}}.inner{max-width:80%;margin:21px auto}@media (min-width: 768px){.inner{padding:0 40px}}@media (min-width: 1024px){.inner{padding:0 80px}}h1{font-family:IBM Plex Sans,Arial,"sans-serif";font-weight:200;color:#edeae0}h2{font-family:Pixelify Sans,sans-serif;font-weight:400;color:#edeae0}h3{font-family:Libre Franklin,Helvetica,"sans-serif";font-weight:800;color:#999790}h4,.smallTitle,p,li{font-family:IBM Plex Sans,Arial,"sans-serif";font-weight:400;color:#999790}.serif{font-family:Pixelify Sans,sans-serif}.italic{font-style:italic}.cta{box-shadow:3px 3px #edeae0,1px 1px #edeae0,2px 2px #edeae0,3px 3px #edeae0;transition:all .2s ease-in-out}.cta:hover{color:#edeae0!important;border:2px solid #edeae0!important;transition:all .2s ease-in-out;box-shadow:1px 1px #edeae0,1px 1px #edeae0;margin-left:3px}.loginScreen{position:absolute;width:100%;height:100%;z-index:10000;display:flex;justify-content:center;align-items:center;background-color:#00ac7e}body{font-size:16px}h1{font-size:52px}h2{font-size:50px}h3{font-size:21px}h4,.smallTitle{font-size:18px}@media (min-width: 768px){body{font-size:18px}h1{font-size:85px}h2{font-size:65px}h3{font-size:24px}h4,.smallTitle{font-size:21px}}@media (min-width: 1024px){body{font-size:18px}h1{font-size:99px}h2{font-size:89px}h3{font-size:35px}h4,.smallTitle{font-size:30px}}form{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:21px;margin:80px auto auto;width:80%;max-width:450px;background-color:"red"}form h2{line-height:1}form input{position:relative;width:70%;max-width:300px;padding:14px 31.5px;border:2px solid #edeae0;background-color:transparent;margin-top:40px;color:#edeae0}form input::placeholder{color:#edeae0;opacity:.7;font-family:IBM Plex Sans,Arial,"sans-serif"}form input:focus{outline:none}form button{max-width:150px!important;text-align:center;color:#edeae0;background-color:transparent;padding:14px 31.5px;text-decoration:none;border:2px solid #edeae0}form .error{color:red;font-size:1.2em}
