@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.footer-desktop{position:fixed;bottom:0;display:flex;flex-direction:column;width:fit-content;box-sizing:border-box;padding:0 2%}.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;row-gap:2rem;animation:slide-in-footer 1s ease-in-out}.footer-link>a:hover>.footer-link-img{filter:brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(340%) hue-rotate(152deg) brightness(87%) contrast(89%);-webkit-transition:0s -webkit-filter linear;-moz-transition:0s -moz-filter linear;-moz-transition:0s filter linear;-ms-transition:0s -ms-filter linear;-o-transition:0s -o-filter linear;transition:0s filter linear,0s -webkit-filter linear;transform:translateY(-5px);transition:.2s transform ease-in-out}.footer-link-img{width:2.2rem;height:2.2rem;filter:brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(1335%) hue-rotate(187deg) brightness(95%) contrast(74%);-webkit-transition:0s -webkit-filter linear;-moz-transition:0s -moz-filter linear;-moz-transition:0s filter linear;-ms-transition:0s -ms-filter linear;-o-transition:0s -o-filter linear;transition:0s filter linear,0s -webkit-filter linear;transition:.2s transform ease-in-out}.footer-vertical-line{border-left:2px solid var(--text-dark);height:15rem;width:fit-content;margin-top:2rem;margin-left:1rem;animation:slide-in-footer 1s ease-in-out}.footer-mobile{display:none}@media screen and (max-width: 720px){.footer-desktop{display:none}.footer-mobile{width:100%;display:flex;margin-bottom:1.5rem}.footer-links{width:100%;flex-direction:row;justify-content:center;column-gap:2rem}.footer-link-img{width:1.8rem;height:1.8rem;filter:brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(1335%) hue-rotate(187deg) brightness(95%) contrast(74%);-webkit-transition:0s -webkit-filter linear;-moz-transition:0s -moz-filter linear;-moz-transition:0s filter linear;-ms-transition:0s -ms-filter linear;-o-transition:0s -o-filter linear;transition:0s filter linear,0s -webkit-filter linear}.footer-link>a:hover>.footer-link-img{transform:translate(0);filter:brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(340%) hue-rotate(152deg) brightness(87%) contrast(89%);-webkit-transition:0s -webkit-filter linear;-moz-transition:0s -moz-filter linear;-moz-transition:0s filter linear;-ms-transition:0s -ms-filter linear;-o-transition:0s -o-filter linear;transition:0s filter linear,0s -webkit-filter linear}}@keyframes slide-in-footer{0%{opacity:0;transform:translateY(10px)}67%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}.watermark-wrapper{display:flex;width:100%;justify-content:center;padding-bottom:1.5rem}.watermark-wrapper>span{font:400 1.2rem Fira Mono;color:var(--text-dark)}.watermark-wrapper>span>a{color:var(--highlight);text-decoration:none}.button-wrapper{display:flex;min-width:10rem;min-height:4rem;position:relative}.button{position:absolute;min-width:10rem;min-height:4rem;padding:1rem 2rem;font:400 1.4rem Fira Mono;z-index:2;background-color:var(--background);border:.15rem solid var(--highlight);color:var(--highlight);cursor:pointer;border-radius:.3rem;transition:.3s all ease-in-out}.button:hover{transform:translate(-2px,-3px);transition:.3s all ease-in-out}.bg-div{position:absolute;z-index:1;min-width:10rem;min-height:4rem;background-color:var(--highlight)}.navbar-wrapper{height:8rem;width:100%;display:flex;position:sticky;top:0;z-index:900;box-sizing:border-box;padding:0% 5%;box-shadow:-3px 2px 5px -1px #000000ab;-webkit-box-shadow:-3px 2px 5px -1px rgba(0,0,0,.67);-moz-box-shadow:-3px 2px 5px -1px rgba(0,0,0,.67);background-color:var(--background)}.navbar-desktop{display:flex;width:100%;animation:slide-in-navbar 1s ease-in-out}.navbar-logo{margin:auto 0;height:50%}.navbar-logo>a>img{height:100%;filter:brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(340%) hue-rotate(152deg) brightness(87%) contrast(89%)}.navbar-links{margin-left:auto;display:flex;gap:4rem;padding:0;margin-top:auto;margin-bottom:auto}.navbar-link>a{display:flex;gap:.5rem;font:400 1.4rem Fira Mono;text-decoration:none}.navbar-link>a:hover>.navbar-link-label{color:var(--highlight);transition:.3s all ease-in-out}.navbar-link-prefix{color:var(--highlight)}.navbar-link-label{color:var(--text-medium);transition:.3s color ease-in-out}.navbar-resume-link{height:fit-content;width:fit-content;position:relative;display:flex;top:25%;margin-right:5%;margin-left:5rem}.navbar-mobile{margin-left:auto;display:none;flex-direction:column}.navbar-mobile-drawer{position:fixed;z-index:10;display:flex;width:28rem;align-items:flex-end;flex-direction:column;background-color:var(--background);padding:0;margin:0;min-height:100vh;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;transform:translate(15rem);transition:.3s transform ease-in-out;box-shadow:-3px 2px 5px -1px #000000ab;-webkit-box-shadow:-3px 2px 5px -1px rgba(0,0,0,.67);-moz-box-shadow:-3px 2px 5px -1px rgba(0,0,0,.67)}.navbar-mobile-drawer.active{transform:translate(-24.5rem);transition:.3s transform ease-in-out}.navbar-mobile-links{margin-left:auto;margin-right:auto;margin-top:20rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;row-gap:5rem;padding:0}.navbar-mobile-link{width:fit-content}.navbar-mobile-link>a{font:400 2rem Fira Mono;display:flex;align-items:center;flex-direction:column;text-decoration:none}.navbar-mobile-link>a:hover>.navbar-link-label{color:var(--highlight)}.navbar-mobile-resume-link{display:flex;width:100%;justify-content:center;margin-top:5rem;margin-bottom:5rem}@media screen and (min-wdth: 720px){.navbar-desktop{display:flex}.navbar-mobile{display:none}}@media screen and (max-width: 720px){.navbar-mobile{display:flex}.navbar-desktop{display:none}.navbar-mobile-link>a{font-size:1.6rem;letter-spacing:.1rem}}@keyframes slide-in-navbar{0%{opacity:0;transform:translateY(10px)}67%{opacity:0;transform:translateY(10px)}to{transform:translate(0)}}#toggle{display:none}.hamburger{display:block;width:2.5rem;height:2.5rem;position:relative;cursor:pointer}.hamburger:hover .line{background-color:var(--highlight)}.line{width:100%;height:3px;background-color:var(--text-medium);position:absolute;transition:all .3s ease}.line1{top:0}.line2{top:11px}.line3{top:22px}#toggle:checked+.hamburger .line1{transform:rotate(45deg);top:11px}#toggle:checked+.hamburger .line2{opacity:0}#toggle:checked+.hamburger .line3{transform:rotate(-45deg);top:11px}#toggle:checked+.hamburger .line1,#toggle:checked+.hamburger .line3{transition:all .3s ease}.section-header-wrapper{display:flex;column-gap:1rem;align-items:center;animation:slide-in-header .3s ease-in-out}.section-header-count{font:400 2.2rem Fira Mono;color:var(--highlight)}.section-header-label{font:500 2.8rem Roboto;color:var(--text-medium)}@media screen and (max-width: 720px){.section-header-count{font-size:1.8rem}.section-header-label{font-size:2.4rem}}@keyframes slide-in-header{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}to{transform:translate(0)}}.about-wrapper{box-sizing:border-box;display:flex;padding:25rem 0;margin:auto;justify-content:center}.about-wrapper>div{display:flex;flex-direction:column;width:100%;padding:0 15%}.about-content{display:flex;flex-wrap:wrap;margin-top:5rem;column-gap:3rem;row-gap:5rem;animation:slide-in-about .5s ease-in-out}.about-img-container{margin-left:auto;margin-right:auto;display:flex;flex:.6;padding:2rem;justify-content:center;height:fit-content}.about-img{position:relative;min-width:28rem;min-height:28rem;justify-content:center}.about-img>img{z-index:5;position:absolute;width:100%;height:100%;transition:.15s all ease-in-out}.about-img-overlay{position:absolute;z-index:20;width:100%;height:100%;background:rgba(5,114,105,.5);transition:.15s all ease-in-out}.about-img-bg{position:absolute;width:100%;height:100%;border:.2rem solid var(--highlight);transform:translate(5px,5px);transition:.15s all ease-in-out}.about-img-overlay:hover{background:rgba(0,0,255,0);transform:translate(-5px,-5px);transition:.15s all ease-in-out}.about-img-overlay:hover+img{transform:translate(-5px,-5px);transition:.15s all ease-in-out}.about-img-overlay:hover~.about-img-bg{transform:translate(10px,10px);transition:.15s all ease-in-out}.about-text{width:100%;display:flex;min-width:35rem;row-gap:1.5rem;flex:.6;flex-grow:1;flex-direction:column}.about-text>span{font:400 1.6rem Roboto;color:var(--text-dark);line-height:2.6rem}.about-highlight{color:var(--highlight);text-decoration:none}.about-highlight:hover{text-decoration:underline;transition:.3s all ease-in-out}#about-tech{display:flex;width:100%;column-gap:5rem}.about-tech-list{margin:0;list-style:none;padding:0}.about-tech-list>li{display:flex;flex-direction:row;column-gap:1rem;align-items:center}@media screen and (max-width: 768px){.about-wrapper{padding:15% 10%;scroll-margin-top:5rem}.about-wrapper>div{padding:0}.about-text{min-width:100%}.about-text>span{font-size:1.6rem}.about-content{margin-top:3rem;flex-direction:column}}@keyframes slide-in-about{0%{opacity:0;transform:translateY(10px)}67%{opacity:0;transform:translateY(10px)}to{transform:translate(0)}}.contact-wrapper{box-sizing:border-box;display:flex;padding:5rem 0 35rem;margin:auto;justify-content:center}.contact-wrapper>div{display:flex;flex-direction:column;align-items:center;padding:0rem 15%}.contact-text{font:400 1.8rem Roboto;color:var(--text-dark);margin-top:3rem;line-height:2.6rem;max-width:75rem;text-align:center;animation:contact-slide-in .8s ease-in-out}.contact-button{margin-top:5rem;position:relative;display:flex;margin-left:-5rem}@media screen and (max-width: 720px){.contact-wrapper{padding-bottom:15rem}.contact-text{font-size:1.5rem;width:100%}.contact-button{margin-top:3rem}}@keyframes contact-slide-in{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}to{transform:translate(0)}}.experiences-wrapper{box-sizing:border-box;display:flex;padding:25rem 0;margin:auto;justify-content:center}.experiences-wrapper>div{display:flex;flex-direction:column;width:100%;padding:0 15%}.experiences-content{display:flex;align-items:flex-start;width:100%;column-gap:5rem;margin-top:5rem}.experiences-selection{padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;width:30rem;animation:slide-in-experience .4s ease-in-out}.experiences-selection>li>button{cursor:pointer;background-color:transparent;border:none;color:var(--text-dark);font:400 1.7rem Fira Mono;width:100%;height:100%;scroll-margin-top:40rem;border-left:.1rem solid var(--background);transition:.2s all ease-in-out;text-align:start;padding:1.5rem;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.experiences-selection>li>button:hover,.experiences-selection>li>button.active{color:var(--highlight);background-color:#202022;border-color:var(--highlight);transition:.2s all ease-in-out}.experience-content{display:flex;flex-direction:column;margin-top:1.5rem;animation:pop-in-experience .3s ease-in-out}.experience-title{font:500 2.2rem Roboto;color:var(--text-medium)}.experience-time{font:400 1.7rem Roboto;margin-top:1rem;color:var(--text-dark)}.experience-text{display:flex;flex-direction:column;padding:0;margin:0;margin-top:2rem;row-gap:1.5rem}.experience-text>li{max-width:65rem;display:flex;align-items:flex-start;column-gap:2rem;font:400 1.6rem Roboto;color:var(--text-dark);line-height:2.6rem}.experience-text>li>svg{margin-top:.5rem}.experience-highlight{color:var(--highlight);text-decoration:none}@media screen and (max-width: 768px){.experiences-wrapper{padding:15% 10%;scroll-margin-top:5rem}.experiences-wrapper>div{padding:0}.experiences-content{margin-top:3rem;flex-direction:column}.experiences-selection{flex-direction:row;justify-content:flex-start;width:100%;overflow-x:scroll;margin-bottom:2rem}.experiences-selection>li{display:flex;min-width:15rem}.experiences-selection>li>button{scroll-margin-top:20rem;border-left:none;border-top:.1rem solid var(--background)}}@keyframes slide-in-experience{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}to{transform:translate(0)}}@keyframes pop-in-experience{0%{opacity:0}to{opacity:1}}.hero-wrapper{width:100%;box-sizing:border-box;padding:25rem 0;display:flex;flex-direction:column;align-items:center;animation:slide-in-hero .5s ease-in-out}.hero-wrapper>div{display:flex;flex-direction:column;padding:0;min-width:70%}.hero-pretext{font:400 2rem Fira Mono;margin-bottom:2rem;color:var(--highlight)}.hero-title1{font:600 6rem Roboto;margin-bottom:.5rem;color:var(--text-medium)}.hero-title2{font:500 3rem Roboto;color:var(--text-dark);margin-bottom:3.5rem}.hero-subtitle{font:400 1.8rem Roboto;color:var(--text-dark)}@media screen and (max-width: 720px){.hero-wrapper{padding:15rem 10%;align-items:flex-start}.hero-pretext{font-size:1.6rem;margin-bottom:1rem}.hero-title1{font-size:5rem}.hero-title2{font-size:2.7rem;margin-bottom:2rem}.hero-subtitle{font-size:1.6rem;line-height:2.6rem}}@keyframes slide-in-hero{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}to{transform:translate(0)}}.project-wrapper{display:flex;align-items:center}.project-img{position:relative;display:flex;min-width:50%;width:100%;height:fit-content;animation:project-card-slide-in 1s ease-in-out}.project-img-overlay{position:absolute;width:100%;height:100%;background-color:#05726980;z-index:2;transition:.3s background-color ease-in-out}.project-img-overlay:hover{background-color:transparent;transition:.3s all ease-in-out}.project-img>img{width:100%;height:100%;border-radius:.6rem}.project-content{display:flex;flex-direction:column;justify-content:center;animation:project-card-slide-in .3s ease-in-out}.project-content.left{margin-left:auto;align-items:flex-end}.project-content.right{margin-right:auto;align-items:flex-start}.project-title{margin-top:1rem;font:500 2.5rem Roboto;color:var(--text-light)}.project-title.left{text-align:end}.project-title.right{text-align:start}.project-description{margin-top:3rem;width:100%;border-radius:.5rem;box-shadow:0 0 5px 3px #0000004d;-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,.3);background-color:#202022;padding:3rem;z-index:10;display:flex;align-items:center}.project-text{font:400 1.6rem Roboto;line-height:2.6rem;color:var(--text-medium);display:flex}.project-text.left{text-align:end}.project-text.right{text-align:start}.project-tech-list{display:flex;column-gap:1.5rem;row-gap:1rem;margin-top:2rem;flex-wrap:wrap}.project-tech-list.left{justify-content:flex-end}.project-tech{font:400 1.3rem Fira Mono;color:var(--text-dark)}.project-src{margin-top:2rem;display:flex;column-gap:2rem}.project-header{font:400 1.8rem Fira Mono;color:var(--highlight)}.project-src-img{cursor:pointer;width:2.2rem;height:2.2rem;filter:brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(1335%) hue-rotate(187deg) brightness(95%) contrast(74%);-webkit-transition:0s -webkit-filter linear;-moz-transition:0s -moz-filter linear;-moz-transition:0s filter linear;-ms-transition:0s -ms-filter linear;-o-transition:0s -o-filter linear;transition:0s filter linear,0s -webkit-filter linear}.project-src>a:hover>.project-src-img{filter:brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(340%) hue-rotate(152deg) brightness(87%) contrast(89%);-webkit-transition:0s -webkit-filter linear;-moz-transition:0s -moz-filter linear;-moz-transition:0s filter linear;-ms-transition:0s -ms-filter linear;-o-transition:0s -o-filter linear;transition:0s filter linear,0s -webkit-filter linear}@media screen and (max-width: 720px){.project-wrapper{width:100%}.project-img{display:none}.project-header{font-size:1.4rem}.project-title{font-size:2rem}.project-title.left{text-align:start}.project-tech-list.left{justify-content:flex-start}.project-text{font-size:1.4rem}.project-text.left{text-align:start}.project-content.left{align-items:flex-start}.project-description{margin-top:1.5rem;padding:0rem;box-shadow:none;background-color:transparent}.project-content{border-radius:.6rem;padding:3rem;background-color:#202022}}@keyframes project-card-slide-in{0%{opacity:0;transform:translate(10px)}50%{opacity:1}to{transform:translate(0)}}.projects-wrapper{box-sizing:border-box;display:flex;padding:25rem 0;margin:auto;justify-content:center}.projects-wrapper>div{display:flex;flex-direction:column;width:100%;padding:0 15%}.projects-list{margin-top:5rem;display:flex;flex-direction:column;row-gap:10rem}.projects-link{margin-top:5rem;margin-left:auto}.projects-link>a{font:400 1.6rem Roboto;color:var(--text-dark);text-decoration:none;display:flex;justify-content:center;column-gap:1rem}.projects-link>a:hover>.projects-link-icon{transform:translate(3px);transition:.2s all ease-in-out}.projects-link>a:hover{color:var(--text-medium);transition:.2s all ease-in-out}@media screen and (max-width: 720px){.projects-wrapper{padding:15% 10%;scroll-margin-top:5rem}.projects-wrapper>div{padding:0}.projects-list{margin-top:3rem;row-gap:3rem;align-items:center}.projects-link{margin-top:3rem;margin-right:2.5%}}.main-page-wrapper{min-height:100vh;background-color:var(--background)}:root{font-size:62.5%}html,body{margin:0;scroll-behavior:smooth;background-color:var(--background)}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px),brightness(.7);pointer-events:none}:root{--highlight-dark: #65bdd3;--highlight: #74f2fd;--background: #151515;--text-dark: #7f7f80;--text-medium: #cfcfcf;--text-light: #dae0e2}