@import url(https://fonts.googleapis.com/css2?family=DM+Sans&display=swap);#main{background-color:var(--primary-color);font-family:var(--font-base);transition:background .3s ease-in-out}.app-animation-outer{display:flex;height:100vh;justify-content:center}.app-animation{margin:auto}.app-lottie-animation{background-color:var(--primary-color);height:400px}@media screen and (max-width:1100px){.app-lottie-animation{height:300px}}@media screen and (min-width:1100px){.app-contents{margin:0 auto;max-width:68%}}.hover-underline-animation{position:relative}.hover-underline-animation:after{background-color:var(--secondary-color);bottom:0;color:var(--secondary-color);content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease-in-out;width:100%}.hover-underline-animation:hover:after{transform:scaleX(1)}.hover-underline-animation-reversed{color:var(--text-color);cursor:pointer;position:relative;text-decoration:none;transition:color .3s ease-in-out}.hover-underline-animation-reversed:after{background-color:var(--text-color);bottom:0;color:var(--text-color);content:"";height:1px;left:0;position:absolute;transform:scaleX(1);transition:all .3s ease-in-out;width:100%}.hover-underline-animation-reversed:hover:after{background-color:var(--secondary-color);color:var(--secondary-color);transform:scaleX(0)}.app-skill-items{align-content:center;align-items:flex-start;display:inline-flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;padding:0}.app-skill-items div{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:60px}@media screen and (min-width:2600px){.app-skill-items div{min-width:72px}}.app-skill-items div a{text-decoration:none}.app-skill-items div div{align-items:center;height:40px;width:40px}@media screen and (max-width:1100px){.app-skill-items div div{height:30px;width:30px}}@media screen and (min-width:2600px){.app-skill-items div div{height:48px;width:48px}}.app-skill-items div p{color:var(--subtext-color);font-size:.8rem;height:10px;margin-top:.2rem;max-width:60px;opacity:1;text-align:center;transition:all .3s ease-in-out}@media screen and (max-width:1100px){.app-skill-items div p{font-size:.7rem}}@media screen and (min-width:2600px){.app-skill-items div p{font-size:.96rem;max-width:72px}}@media screen and (min-width:1100px){.app-skill-items div:hover p{color:var(--secondary-color)}}@media screen and (max-width:1100px){.app-skill-items{gap:1rem}}.app-navbar{align-items:center;display:flex;padding-bottom:1rem;padding-top:1rem}@media screen and (max-width:1100px){.app-navbar{margin-left:1rem;margin-right:1rem}}@media screen and (max-width:1099px){.app-navbar{margin:0 auto;max-width:90%}}.app-navbar-title p{color:var(--text-color);cursor:default;font-size:1.4rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-navbar-title p{font-size:1.68rem}}.app-navbar-links{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.app-navbar-links li{color:var(--text-color);cursor:pointer;font-size:1.25rem;list-style:none;margin:0 .75rem;transition:color .3s ease-in-out}.app-navbar-links li:last-child{margin-right:1.5rem}.app-navbar-links li:hover{color:var(--secondary-color)}@media screen and (min-width:2600px){.app-navbar-links li{font-size:1.5rem}}@media screen and (max-width:1100px){.app-navbar-links{display:none}}.app-navbar-links-mobile{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.app-navbar-links-mobile li{color:var(--text-color);cursor:pointer;font-size:1.15rem;list-style:none;padding:.2rem 0;transform:all .3s ease-in-out}.app-navbar-links-mobile li:hover{color:var(--secondary-color)}@media screen and (max-width:1100px){.app-navbar-links-mobile{margin-left:1rem;margin-right:1rem}}@media screen and (max-width:1099px){.app-navbar-links-mobile{margin:0 auto;max-width:90%}}@media screen and (min-width:1101px){.app-navbar-links-mobile{display:none}}.dark-mode-toggle-web{margin-bottom:2px}@media screen and (max-width:1100px){.dark-mode-toggle-web{display:none}}.dark-mode-toggle-mobile{margin-right:5px}.hamburger-menu{align-items:center;display:flex;flex:1 1;justify-content:flex-end}@media screen and (min-width:1101px){.hamburger-menu{display:none}}#menu__toggle{opacity:0}#menu__toggle:checked+.menu__btn>span{transform:rotate(45deg)}#menu__toggle:checked+.menu__btn>span:before{top:0;transform:rotate(0deg)}#menu__toggle:checked+.menu__btn>span:after{top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{left:0!important}.menu__btn{cursor:pointer;font-size:1rem;height:26px;padding-top:.7rem;position:-webkit-sticky;position:sticky;width:26px;z-index:1}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{background-color:var(--text-color);display:block;height:2px;position:absolute;transition-duration:.25s;width:100%}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.app-intro-social-links{align-items:flex-start;display:flex;justify-content:flex-start}.app-intro-social-links a{color:var(--text-color);font-size:1.25rem;text-decoration:none;transition:all .3s ease-in-out}.app-intro-social-links a:hover{color:var(--secondary-color)}@media screen and (max-width:1100px){.app-intro-social-links a{font-size:1.15rem}}@media screen and (min-width:2600px){.app-intro-social-links a{font-size:1.5rem}}.app-intro-social-links a{margin-right:4rem}@media screen and (max-width:1000px){.app-intro-social-links a{margin-right:2rem}}@media screen and (max-width:700px){.app-intro-social-links a{margin-right:1rem}}.app-footer{align-items:center;display:flex;justify-content:space-between;padding-bottom:2.5rem;padding-top:14rem}@media screen and (max-width:1100px){.app-footer{align-items:flex-start;flex-direction:column;gap:.5rem;padding-left:1rem}}.app-footer-title p{color:var(--text-color);cursor:default;font-size:1.4rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-footer-title p{font-size:1.68rem}}.app-intro-social-links a{margin-right:1.5rem}.app-intro-social-links a:last-child{margin-right:0}.app-footer-description p{color:var(--text-color);font-size:1.25rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-footer-description p{font-size:1.5rem}}.app-intro-outer{align-items:center;display:flex;height:90vh;justify-content:space-between}@media screen and (max-width:1100px){.app-intro-outer{align-items:flex-start;flex-direction:column;justify-content:space-evenly;margin-left:1rem;margin-right:1rem;margin-top:1rem}}.app-intro{display:flex;flex-direction:column;max-width:590px}@media screen and (max-width:1500px){.app-intro{max-width:450px}}@media screen and (min-width:2600px){.app-intro{max-width:840px}}.app-intro-hello{align-items:center;display:flex;height:5rem;justify-content:flex-start}@media screen and (max-width:1100px){.app-intro-hello{height:3rem}}.hello-text{color:var(--text-color);font-size:3.5rem;font-weight:400;transition:color .3s ease-in-out}@media screen and (max-width:1100px){.hello-text{font-size:2.1rem}}@media screen and (min-width:2600px){.hello-text{font-size:4.2rem}}.cursor{color:var(--text-color);font-size:3.5rem;transition:color .3s ease-in-out}@media screen and (max-width:1100px){.cursor{font-size:2.1rem}}@media screen and (min-width:2600px){.cursor{font-size:4.2rem}}.app-intro-emoji{cursor:default;font-size:3.5rem;margin-bottom:2rem;max-width:-webkit-min-content;max-width:min-content}@media screen and (max-width:1100px){.app-intro-emoji{font-size:2.1rem;margin-bottom:1rem;margin-top:1rem}}.app-intro-emoji:after{content:"😃"}.app-intro-emoji:hover:after{content:"😉"}@media screen and (min-width:2600px){.app-intro-emoji{font-size:3.6rem}}.app-intro-name{color:var(--text-color);font-size:3.5rem;font-weight:400;transition:color .3s ease-in-out}@media screen and (max-width:1100px){.app-intro-name{font-size:2.1rem}}@media screen and (min-width:2600px){.app-intro-name{font-size:4.2rem}}.app-intro-description{font-size:1.25rem;font-weight:400;margin-top:2.5rem}.app-intro-description,.app-intro-description a{color:var(--text-color);transition:color .3s ease-in-out}.app-intro-description a{text-decoration:none;transition:all .3s ease-in-out}.app-intro-description a:hover{color:var(--secondary-color)}@media screen and (max-width:1100px){.app-intro-description{margin-top:1rem}}@media screen and (min-width:2600px){.app-intro-description{font-size:1.5rem}}.app-intro-current-description{margin-bottom:3rem}@media screen and (max-width:1100px){.app-intro-current-description{margin-bottom:1rem}}.profile-photo,.profile-photo-mobile{border-radius:50%;box-shadow:10px 10px 20px #0000001a;width:35%}@media screen and (max-width:1100px){.profile-photo,.profile-photo-mobile{border-radius:50%;width:85%}}@media screen and (min-width:2600px){.profile-photo,.profile-photo-mobile{width:36%}}.profile-photo-mobile:hover,.profile-photo:hover{transform:scale(1.03)}.profile-photo,.profile-photo-mobile{transition:all .3s ease-in-out}.profile-photo-mobile{margin:0 auto}@media screen and (min-width:1100px){.profile-photo-mobile{display:none}}@media screen and (max-width:1100px){.profile-photo{display:none}}.app-about{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-top:14rem}.app-about h1{color:var(--text-color);font-size:3.5rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-about h1{font-size:4.2rem}}.app-about h2{color:var(--text-color);font-size:1.25rem;font-weight:400;line-height:2.5rem;padding-bottom:2rem;transition:color .3s ease-in-out}.app-about h2:last-child{padding-bottom:4rem}@media screen and (min-width:2600px){.app-about h2{font-size:1.5rem;line-height:3rem}}@media screen and (max-width:1100px){.app-about{padding-left:1rem;padding-right:1rem}}.app-skill{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-top:10rem}.app-skill h1{color:var(--text-color);font-size:3.5rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-skill h1{font-size:4.2rem}}.app-skill p{color:var(--subtext-color);font-size:1.25rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-skill p{font-size:1.5rem}}.app-skill h2{color:var(--text-color);font-size:1.25rem;font-weight:400;line-height:2.5rem;padding:1rem 0;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-skill h2{font-size:1.5rem}}@media screen and (max-width:1100px){.app-skill{padding-left:1rem;padding-right:1rem}}.app-experience-item{padding-bottom:6rem}.app-experience-item .app-experience-item-title{gap:.5rem}.app-experience-item .app-experience-item-subtitle{padding:1rem 0}.app-experience-item .app-experience-item-link-description{padding:1rem 0 .3rem}.app-experience-item .app-experience-images-container{gap:2rem}.app-experience-item .app-experience-images-container img{border-radius:2%}@media screen and (max-width:1100px){.app-experience-item .app-experience-images-container{display:none}}.app-experience-item .app-experience-images-container-mobile{align-items:center;gap:1rem;justify-content:center;max-width:100%}.app-experience-item .app-experience-images-container-mobile img{border-radius:2%}@media screen and (min-width:1100px){.app-experience-item .app-experience-images-container-mobile{display:none}}.app-experience-item div{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.app-experience-item div h1{color:var(--text-color);font-size:2rem;font-weight:400;padding-bottom:0;transition:color .3s ease-in-out}.app-experience-item div h1 a{transition:all .3s ease-in-out}.app-experience-item div h1 a:hover{color:var(--secondary-color)}@media screen and (max-width:1100px){.app-experience-item div h1,.app-experience-item div h1 a{font-size:1.5rem}}@media screen and (min-width:2600px){.app-experience-item div h1{font-size:2.4rem}}.app-experience-item div{padding-bottom:.25rem}.app-experience-item p{color:var(--subtext-color);font-size:1.25rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-experience-item p{font-size:1.5rem}}.app-experience-item ul{list-style-type:disc;padding-left:.85rem}.app-experience-item ul li::marker{font-size:1rem}.app-experience-item ul li{color:var(--text-color);font-size:1.25rem;padding:.5rem 0;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-experience-item ul li{font-size:1.5rem}}.app-experience-item ul li a{transition:all .3s ease-in-out}.app-experience-item ul li a:hover{color:var(--secondary-color)}.app-experience-item .app-experience-item-links{display:flex;flex-wrap:wrap;gap:0 1rem;padding-left:0}.app-experience-item .app-experience-item-links li{font-size:1.25rem;list-style:none}.app-experience-item .app-experience-item-links li a{transition:all .3s ease-in-out}.app-experience-item .app-experience-item-links li a:hover{color:var(--secondary-color)}@media screen and (min-width:2600px){.app-experience-item .app-experience-item-links li{font-size:1.5rem}}.app-experience{align-items:flex-start;display:flex;flex-direction:column;gap:5rem;justify-content:flex-start;padding-top:14rem}.app-experience h1{color:var(--text-color);font-size:3.5rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-experience h1{font-size:4.2rem}}@media screen and (max-width:1100px){.app-experience{padding-left:1rem;padding-right:1rem}}.app-project-item{padding-bottom:6rem}.app-project-item .app-project-item-subtitle{padding-top:.5rem}.app-project-item .app-project-item-link-description{padding-top:1rem}.app-project-item .app-project-images-container{align-items:center;gap:2rem;justify-content:center}.app-project-item .app-project-images-container img{border-radius:1%;box-shadow:0 10px 30px #0000001a;transition:all .3s ease-in-out}.app-project-item .app-project-images-container img:hover{transform:scale(1.01)}@media screen and (max-width:1100px){.app-project-item .app-project-images-container{display:none}}.app-project-item .app-project-images-container-mobile{align-items:center;gap:1rem;justify-content:center;max-width:100%}.app-project-item .app-project-images-container-mobile img{border-radius:2%}@media screen and (min-width:1100px){.app-project-item .app-project-images-container-mobile{display:none}}.app-project-item div{display:flex;justify-content:flex-start}.app-project-item div h1{font-size:2rem;font-weight:400;padding-bottom:0}.app-project-item div h1 a{transition:all .3s ease-in-out}.app-project-item div h1 a:hover{color:var(--secondary-color)}@media screen and (max-width:1100px){.app-project-item div h1,.app-project-item div h1 a{font-size:1.5rem}}@media screen and (min-width:2600px){.app-project-item div h1{font-size:2.4rem}}.app-project-item div{padding-bottom:.25rem}.app-project-item .app-project-item-context{font-size:1.1rem;justify-content:center;padding-bottom:1rem;padding-top:.1rem;text-align:center}.app-project-item .app-project-item-subtitle{padding-bottom:1rem}.app-project-item p{color:var(--subtext-color);font-size:1.25rem}@media screen and (min-width:2600px){.app-project-item p{font-size:1.5rem}}.app-project-item .app-project-item-points li{color:var(--text-color);font-size:1.25rem;list-style:none;padding-bottom:2rem;transition:color .3s ease-in-out}.app-project-item .app-project-item-points li:last-child{padding-bottom:0}.app-project-item .app-project-item-points li a{transition:all .3s ease-in-out}.app-project-item .app-project-item-points li a:hover{color:var(--secondary-color)}@media screen and (min-width:2600px){.app-project-item .app-project-item-points li{font-size:1.5rem}}.app-project-item .app-project-item-links{display:flex;flex-wrap:wrap;gap:0 1rem;padding-top:1rem}.app-project-item .app-project-item-links li{font-size:1.25rem;list-style:none;padding:.5rem 0}.app-project-item .app-project-item-links li a{transition:all .3s ease-in-out}.app-project-item .app-project-item-links li a:hover{color:var(--secondary-color)}@media screen and (min-width:2600px){.app-project-item .app-project-item-links li{font-size:1.5rem}}.app-project{align-items:flex-start;display:flex;flex-direction:column;gap:5rem;justify-content:flex-start;padding-top:10rem}.app-project h1{color:var(--text-color);font-size:3.5rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-project h1{font-size:4.2rem}}@media screen and (max-width:1100px){.app-project{padding-left:1rem;padding-right:1rem}}.app-project p button{background-color:#0000;border:none;color:var(--text-color);cursor:pointer;font:var(--font-base);font-size:1.25rem;transition:color .3s ease-in-out;transition:font-size .3s ease-in-out}@media screen and (min-width:2600px){.app-project p button{font-size:1.5rem}}.app-project p button:hover{color:var(--secondary-color);font-size:1.28rem}.app-contact{padding-top:10rem}.app-contact h1{color:var(--text-color);font-size:3.5rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-contact h1{font-size:4.2rem}}.app-contact p{color:var(--subtext-color);font-size:1.25rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-contact p{font-size:1.5rem}}.app-contact form p{color:var(--text-color);font-size:1.25rem;padding-bottom:2rem;transition:color .3s ease-in-out}@media screen and (min-width:2600px){.app-contact form p{font-size:1.5rem}}.app-contact form p input{background-color:#0000;border:none;border-bottom:2px solid var(--text-color);color:var(--text-color);font:var(--font-base);font-size:1rem;height:2rem;padding:.6rem 0;transition:color .3s ease-in-out;width:100%}@media screen and (min-width:2600px){.app-contact form p input{font-size:1.2rem;height:2.4rem}}.app-contact form p input:focus{outline:none}.app-contact form p input:autofill{background-color:#0000}.app-contact form p input:-webkit-autofill{background-color:#0000}.app-contact form p textarea{background-color:#0000;border:none;border-bottom:2px solid var(--text-color);color:var(--text-color);font:var(--font-base);font-size:1rem;height:8rem;padding:.6rem 0;transition:color .3s ease-in-out;width:100%}@media screen and (min-width:2600px){.app-contact form p textarea{font-size:1.2rem;height:9.6rem}}.app-contact form p textarea:focus{outline:none}.app-contact form p textarea:autofill{background-color:#0000}.app-contact form p textarea:-webkit-autofill{background-color:#0000}.app-contact form p button{background-color:#0000;border:none;color:var(--text-color);cursor:pointer;font:var(--font-base);font-size:1.25rem;transition:color .3s ease-in-out;transition:font-size .3s ease-in-out}@media screen and (min-width:2600px){.app-contact form p button{font-size:1.5rem}}.app-contact form p button:hover{color:var(--secondary-color);font-size:1.28rem}@media screen and (max-width:1100px){.app-contact{padding-left:1rem;padding-right:1rem}}:root{--font-base:"DM Sans",sans-serif}body{-ms-overflow-style:none;overflow-y:overlay}body::-webkit-scrollbar{display:none}[data-theme=light]{--primary-color:#eee;--secondary-color:#313bac;--text-color:#020013;--subtext-color:#646464}[data-theme=dark]{--primary-color:#060222;--secondary-color:#b0befd;--text-color:#ddd;--subtext-color:#999}*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.7155e265.css.map*/