.app__navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--accent-50);position:fixed;z-index:5;transition:all .2s ease-in-out}.app__navbar-logo{display:flex;justify-content:flex-start;align-items:center;position:relative;top:3px}.app__navbar-logo img{height:28px;width:auto}#nav-links .p-text{font-size:1rem}.app__navbar-links{flex:1;display:flex;justify-content:center;align-items:center;list-style:none}.app__navbar-links li{margin:0 1rem;cursor:pointer;flex-direction:column}.app__navbar-links li div{width:5px;height:5px;background:transparent;border-radius:50px;margin-bottom:5px}.app__navbar-links li a{color:var(--text-400);text-decoration:none;flex-direction:column;text-transform:uppercase;font-weight:500;transition:all .2s ease-in-out}.app__navbar-links li a:hover,.app__navbar-links li a.active-link{color:var(--primary-700)}.app__navbar-links li:hover div{background:var(--secondary)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{width:35px;height:35px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background:var(--secondary);cursor:pointer}.app__navbar-menu svg{width:70%;height:70%;color:var(--background)}.app__navbar-menu .app__navbar-menu-links{position:fixed;top:0;bottom:0;right:0;z-index:5;padding:1rem;width:80%;max-width:375px;height:100vh;display:flex;justify-content:flex-start;align-items:flex-end;flex-direction:column;background-color:var(--background);box-shadow:0 0 20px #a8a8a826}.app__navbar-menu .app__navbar-menu-links svg#close-nav-menu{width:35px;height:35px;color:var(--secondary);margin:.5rem 1rem}.app__navbar-menu .app__navbar-menu-links ul{list-style:none;margin:0;padding:0;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.app__navbar-menu .app__navbar-menu-links ul li{margin:1rem}.app__navbar-menu .app__navbar-menu-links ul li a{color:var(--text-400);text-decoration:none;text-transform:uppercase;font-weight:500;font-size:1rem;transition:all .2s ease-in-out}.app__navbar-menu .app__navbar-menu-links ul li a:hover,.app__navbar-menu .app__navbar-menu-links ul li a.active-link{color:var(--primary-700)}@media screen and (min-width:900px){.app__navbar-menu .app__navbar-menu-links{display:none}}@media screen and (min-width:900px){.app__navbar-menu{display:none}}.app__social{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;cursor:pointer;padding:1rem}.app__social div{width:40px;height:40px;border-radius:50%;background-color:var(--background-100);margin:.25rem 0;border:1px solid var(--background-100);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.app__social div svg{width:15px;height:15px;color:var(--text-500)}.app__social div:hover{background-color:var(--secondary);border-color:var(--secondary)}.app__social div:hover svg{color:var(--background)}@media screen and (max-width:900px){.app__social div{width:48px;height:48px}.app__social div svg{width:18px;height:18px}}.app__social.row{flex-direction:row;gap:10px;padding-top:0;padding-bottom:0}.app__social.row div{margin:0}@media screen and (max-width:900px){.app__social.row{width:100%;justify-content:center;margin-top:auto;margin-bottom:6rem;gap:20px}}.app__social.col{flex-direction:column}.footer__container{width:80%;max-width:1200px;padding:2rem 3rem;display:flex;margin:3rem auto;flex-direction:column;align-items:center;justify-content:center;background-color:var(--text-100);border-radius:15px}.footer__container .divider{width:100%;height:1px;background-color:var(--text-200);margin:3rem 0}.footer__container ul{list-style:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.5rem}.footer__container a{font-weight:400;color:var(--text-800);text-decoration:none}.footer__container a:hover{color:var(--primary-700)}@media screen and (max-width:900px){.footer__container{width:90%;padding:2rem}}.footer__top-section{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;width:100%;font-size:1.1rem}.footer__top-section h5{font-size:1.3rem;font-weight:200;color:var(--text-600);margin-bottom:1.5rem;text-transform:uppercase}@media screen and (max-width:900px){.footer__top-section{grid-template-columns:1fr;grid-gap:3rem;font-size:.9rem}.footer__top-section h5{font-size:1.1rem}}.footer__bottom-section{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;color:var(--text-600);line-height:1.5}@media screen and (max-width:900px){.footer__bottom-section{align-items:flex-start;text-align:left}}.small-text{font-size:.8rem;font-weight:400;color:var(--text-600);margin-bottom:1rem;text-align:center}header{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;text-align:center;width:100%}@media screen and (max-width:900px){header{padding:0 1rem}}header h1{color:var(--primary-600);font-weight:800;font-size:7rem;filter:drop-shadow(-3px 4px 5px rgba(0,0,0,.3))}header h1.with-subtitle{font-size:6rem}@media screen and (min-width:2000px){header h1{font-size:8rem}header h1.with-subtitle{font-size:7rem}}@media screen and (max-width:900px){header h1{font-size:10vmin}header h1.with-subtitle{font-size:8vmin}}@media screen and (max-width:450px){header h1{font-size:3rem}header h1.with-subtitle{font-size:2.5rem}}header h2{color:var(--text-800);background-color:var(--primary-200);opacity:.9;padding:1rem 2rem;margin-top:.5rem;font-weight:600;border-radius:.5rem;font-size:2.3rem;filter:drop-shadow(-3px 4px 5px rgba(0,0,0,.3))}@media screen and (min-width:2000px){header h2{font-size:2.8rem}}@media screen and (max-width:900px){header h2{font-size:1.5rem;padding:.8rem 1.5rem}}@media screen and (max-width:450px){header h2{font-size:1.1rem;padding:.5rem 1rem}}.tags__container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem .4rem;margin-top:1.2rem}.tags__container .tags{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:.25rem .4rem}.tags__container .tag{padding:.3rem .8rem;border-radius:15px;background-color:var(--background);color:var(--text-400);font-size:.6rem;font-weight:500;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in-out}.tags__container .tag-icon{display:flex;justify-content:center;align-items:center;margin:0 .4rem;color:var(--text-400)}@media screen and (max-width:900px){.tags__container .tag-icon{margin-left:0}}@media screen and (max-width:900px){.tags__container{flex-direction:row-reverse}}a{text-decoration:none}.exp__item{background-color:var(--background-100);padding:1rem 1.5rem;border-radius:15px;width:100%;max-width:500px;border:2px solid var(--background-100)}.exp__item h3{font-size:1.4rem;font-weight:600;line-height:1.2;color:var(--text-500)}.exp__item h4{font-weight:400;color:var(--primary);text-transform:uppercase;font-size:.9rem;margin-bottom:.75rem}.exp__item h5{font-size:.8rem;font-weight:400;line-height:1.5;color:var(--text-400);margin-bottom:.75rem}.exp__item p{font-size:.9rem;font-weight:400;color:var(--text-800)}.exp__item:hover{border:2px solid var(--text-500);cursor:pointer}@media screen and (max-width:900px){.exp__item{padding:1rem}}.marker{width:25px;height:25px;border-radius:50%;background:var(--text-500);display:flex;justify-content:center;align-items:center;z-index:1}.marker svg{position:relative;width:10px;height:10px;color:var(--background)}.marker__line{opacity:0;width:50px;height:2px;background:var(--text-500)}.marker__line.active{opacity:1}.project__details-buttons{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.project__details-buttons button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.8rem 1.5rem;width:100%;border-radius:.5rem;background-color:var(--primary);color:var(--text-white);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease-in-out}.project__details-buttons button:disabled{background-color:var(--primary-300);color:var(--text-100);cursor:default}.project__details-buttons button:disabled:hover{background-color:var(--primary-300);color:var(--text-100)}.project__details-buttons button:hover{background-color:var(--primary-600)}.project__details{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;max-height:1000px;width:100%;padding:1rem 2rem;background-color:var(--background-100);border-radius:.75rem;gap:2rem;color:var(--text-500)}@media screen and (max-width:900px){.project__details{max-width:600px;justify-self:center}}.project__details .project__details-heading h2{font-size:2.1rem;font-weight:500;color:var(--text-600);margin-top:1rem}.project__details .project__details-heading p{font-size:1rem;font-weight:400;line-height:1.3;color:var(--text-800)}.project__details .project__details-heading p a{font-weight:400;color:var(--primary);text-decoration:none}.project__details .project__details-heading p a:hover{color:var(--primary-400)}.project__details .project__details-heading p:not(:last-of-type){margin-top:1rem}.project__details .project__details-summary{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.project__details .project__details-summary h3{font-size:1.5rem;font-weight:500;color:var(--text-600)}.project__details .project__details-summary p{font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-800)}.project__details .project__details-summary a{font-weight:400;color:var(--primary);text-decoration:none}.project__details .project__details-summary a:hover{color:var(--primary-400)}.project__details .project__details-tags{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.project__details .project__details-tags h3{font-size:1.5rem;font-weight:500;color:var(--text-600)}.project__details .project__details-tags ul{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem .8rem;justify-content:flex-start;align-items:center;margin-bottom:1rem}.project__details .project__details-tags ul li{font-size:.8rem;font-weight:400;line-height:1.2;color:var(--text-500);padding:.4rem .8rem;border-radius:.5rem;background-color:var(--background-200)}.project__details .project__details-tags ul li:last-of-type{margin-right:0}li.custom-list-item{font-size:inherit;font-weight:400;line-height:1.5;margin-bottom:.5rem;display:flex;align-items:flex-start;flex-direction:row;gap:1rem}li.custom-list-item svg{color:var(--primary);font-size:.9em;margin-top:.3em;min-width:1rem;width:1rem}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:1}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app__about{flex:1;width:100%;flex-direction:column}.app__about h2.head-text{font-size:4rem}.app__about p{font-size:1.1rem;line-height:1.8rem;margin-top:2rem;text-align:center}@media screen and (max-width:900px){.app__about{padding:0 1.5rem}.app__about h2.head-text{font-size:2.6rem}.app__about p{font-size:1rem}}.app__profiles{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:2rem}.app__profile-item{width:190px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;margin:2rem}.app__profile-item img{width:100%;height:170px;border-radius:15px;object-fit:cover}.app__footer{flex:1;width:100%;flex-direction:column}.app__footer-cards{width:60%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin:4rem 2rem 2rem}.app__footer-cards .app__footer-card{min-width:290px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1rem 0;padding:1rem;border-radius:10px;cursor:pointer;background-color:var(--background-100);transition:all .3s ease-in-out}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:600}.app__footer-cards .app__footer-card a{text-decoration:none;font-weight:500}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px #fef4f5}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:var(--primary-300)}.app__footer-form{width:60%;flex-direction:column;margin:1rem 2rem}.app__footer-form div{width:100%;margin:.75rem 0;border-radius:10px;cursor:pointer;background-color:var(--background-100);transition:all .3s ease-in-out}.app__footer-form div input,.app__footer-form div textarea{width:100%;padding:.95rem;border:none;border-radius:7px;background-color:var(--background-100);font-family:var(--font-base);color:var(--text-800);outline:none}.app__footer-form div input::placeholder,.app__footer-form div textarea::placeholder{color:var(--text-300)}.app__footer-form div textarea{height:170px}.app__footer-form div:hover{box-shadow:0 0 25px var(--primary-100)}.app__footer-form button{padding:1rem 2rem;border-radius:10px;border:none;background-color:var(--accent);font-weight:500;color:var(--text-white);outline:none;margin:2rem 0 0;font-family:var(--font-base);cursor:pointer}@media screen and (max-width:768px){.app__footer-form{width:100%;margin:1rem 0}}#home{position:relative;background-color:var(--accent-50)}#home .app__wrapper{padding:0}.grid__main{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a b";grid-gap:1.2rem;height:100%;width:100%;padding:2rem 0 0}.grid__main .item-a{position:relative;grid-column:span 2;margin-right:-9rem;padding:2rem;color:var(--text);display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;align-items:flex-start;z-index:3}.grid__main .item-a h1{font-size:6rem;font-weight:500;margin-bottom:1rem}.grid__main .item-a h1 span{font-weight:800;background:var(--linearPrimarySecondary);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.grid__main .item-a h2{font-size:2rem;font-weight:300;margin-bottom:1rem}.grid__main .item-a h3{font-size:1.4rem;font-weight:500;margin-bottom:1rem;line-height:1.5;color:var(--text-500);padding-right:2rem}.grid__main .item-a .buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer;margin-top:2rem}.grid__main .item-a .buttons .hero__btn{outline:none;text-decoration:none;padding:1rem 2rem;border:2px solid var(--accent-500);border-radius:15px;font-size:1.5rem;background-color:var(--accent-500);color:var(--text-white);font-family:var(--font-base);margin-right:1rem;transition:all .2s ease-in-out}.grid__main .item-a .buttons .hero__btn svg{margin-left:.5rem;position:relative;top:.2rem}.grid__main .item-a .buttons .hero__btn:hover{background-color:var(--accent-400);border:2px solid var(--accent-400);color:var(--text-white)}.grid__main .item-a .buttons .outline{border:2px solid var(--accent);background-color:transparent;color:var(--accent)}.grid__main .item-a .buttons .outline:hover{background-color:var(--accent-500);border:2px solid var(--accent-500);color:var(--text-white)}.grid__main .item-b{background-color:none;margin-left:-17rem;padding:2rem 1rem 0 0;overflow:visible;z-index:2}.grid__main .item-b img{position:relative;left:5rem;height:100%}@media screen and (min-width:2000px){.grid__main .item-a{margin-top:10rem}.grid__main .item-a img{left:0}}@media screen and (max-width:900px){.grid__main{padding:0;grid-template-columns:1fr;grid-template-areas:"a"}.grid__main .item-a{grid-area:a;padding:0;padding-top:1rem;margin-left:0;grid-column:span 1;margin-right:0}.grid__main .item-a h1{font-size:3.5rem;margin-bottom:0}.grid__main .item-a h2{font-size:1.5rem;align-self:center}.grid__main .item-a h3{font-size:.9rem;padding:0;align-self:center;text-align:center}.grid__main .item-a .item-a__img{display:flex;justify-content:center;align-items:center;width:100%;padding:1rem 2rem}.grid__main .item-a .item-a__img .item-a__img-bg{object-fit:cover;border-radius:50%;overflow:hidden;background:var(--linearPrimarySecondary)}.grid__main .item-a .item-a__img img{width:100%;height:100%;object-fit:cover;position:relative;top:5px}.grid__main .item-a .buttons{flex-direction:column;justify-content:center;align-items:center;margin:1.2rem 0;width:100%}.grid__main .item-a .buttons .hero__btn{margin:0;margin-bottom:1.2rem;width:100%;text-align:center;font-size:1.1rem;padding:.8rem 0}}.app__header{flex:1;width:100%;height:100%;flex-direction:row;padding:0 2rem}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column}}.app__header-img{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;position:relative}.app__header-img img{width:100%;object-fit:contain;z-index:1}.app__header-img .overlay_circle{position:absolute;left:0;right:0;bottom:0;z-index:0;width:100%;height:90%}@media screen and (max-width:1200px){.app__header-img{margin:2rem 0}}.app__skills{flex:1;width:100%;flex-direction:column}.app__skills-container{width:100%;margin-top:3rem;padding:0 3rem;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:5rem}@media screen and (max-width:900px){.app__skills-container{width:100%;flex-direction:column;padding:0 1.5rem}}.app__skills-list{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}@media screen and (max-width:900px){.app__skills-list{margin-right:0;justify-content:center;align-items:center}}.app__skills-item{flex-direction:column;text-align:center;margin:1rem;transition:all .3s ease-in-out}.app__skills-item div{width:90px;height:90px;border-radius:50%;background-color:var(--background-100)}.app__skills-item div img{width:50%;height:auto}@media screen and (min-width:2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width:900px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{font-weight:500;margin-top:.5rem}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%}@media screen and (max-width:900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{width:100%;display:flex;flex-direction:row;gap:3rem;justify-content:flex-start;align-items:flex-start;margin:1rem 0}.app__skills-exp-works{flex:2}.app__skills-exp-works .app__skills-exp-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.app__skills-exp-works h4{font-weight:500}.app__skills-exp-works p{font-weight:400;color:var(--text-600);margin-top:5px}.app__skills-exp-year{flex:1}.app__skills-exp-year p{font-weight:600;font-size:.9rem;text-align:right;color:var(--primary)}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.react-tooltip.skills-tooltip{max-width:300px;background-color:var(--background-100);color:var(--text-600);opacity:1;box-shadow:0 0 25px #0000001a;border-radius:10px;padding:1rem;text-align:center;line-height:1.5}@media screen and (min-width:2000px){.react-tooltip.skills-tooltip{max-width:500px;font-size:1.75rem;line-height:2}}.app__testimonial{flex:1;width:100%;flex-direction:column}.app__testimonial .app__testimonials-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:3rem}@media screen and (max-width:900px){.app__testimonial .app__testimonials-container{padding:0 1.5rem}}.app__testimonial-item{width:65%;max-width:1000px;min-height:320px;background-color:var(--text-white);display:flex;padding:2rem;border-radius:15px;box-shadow:0 0 30px #0000001a;transition:all .3s ease-in-out}.app__testimonial-item img{width:100px;height:100px;border-radius:50%;object-fit:cover;align-self:flex-start;margin-top:.5rem}@media screen and (max-width:900px){.app__testimonial-item{width:100%;padding:1.5rem 1rem}}@media screen and (max-width:600px){.app__testimonial-item{flex-direction:column;align-items:center;justify-content:center}.app__testimonial-item img{width:80px;height:80px;align-self:center;margin-top:0}}.app__testimonial-content{flex:1;height:100%;padding:0 2rem;text-align:left;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.app__testimonial-content p{font-size:1.25rem;line-height:2rem;color:var(--text);font-family:var(--font-base)}.app__testimonial-content p a{font-weight:600;color:var(--text-600);text-decoration:none;cursor:pointer;margin-left:8px;position:relative;bottom:1px}.app__testimonial-content p a:hover{color:var(--text-400)}.app__testimonial-content h4{font-weight:600;color:var(--primary);font-size:1.3rem}.app__testimonial-content h5{font-weight:400;color:var(--text-600);margin-top:5px}.app__testimonial-content h5 a{font-weight:600;text-decoration:none;cursor:pointer}.app__testimonial-content .app__testimonial-footer{display:flex;align-items:center;justify-content:center;width:100%;gap:20px;margin-top:1.5rem}@media screen and (max-width:600px){.app__testimonial-content{padding:0 .75rem}.app__testimonial-content p{font-size:1rem;line-height:1.5rem}}.app__testimonial-btns{flex-direction:row;margin-top:1rem}.app__testimonial-btns div{width:50px;height:50px;border-radius:50%;background-color:var(--text-white);margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:20px;height:20px;color:var(--primary);transition:all .3s ease-in-out}.app__testimonial-btns div:hover{background-color:var(--primary)}.app__testimonial-btns div:hover svg{color:var(--text-white)}.app__testimonial-brands{width:80%;flex-wrap:wrap;margin-top:2rem}.app__testimonial-brands div{width:150px;margin:1.5rem}.app__testimonial-brands div img{width:100%;height:auto;object-fit:cover;filter:grayscale(1)}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (max-width:450px){.app__testimonial-brands div{width:120px;margin:1rem}}@media screen and (max-width:768px){.app__testimonial-brands{width:100%}}.app__works{flex:1;width:100%;flex-direction:column}.app__work-portfolio{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.app__work-portfolio .app__work-item{width:300px;flex-direction:column;position:relative;margin:2rem;padding:1rem;border-radius:.5rem;background-color:var(--white);color:var(--text);transition:all .3s ease}.app__work-portfolio .app__work-item.pointer{cursor:pointer}@media screen and (max-width:900px){.app__work-portfolio .app__work-item{width:85%;max-width:400px}}@media screen and (max-width:600px){.app__work-portfolio .app__work-item{width:85%}}@media(prefers-color-scheme:dark){.app__work-portfolio .app__work-item{background-color:var(--accent-100)}}.app__work-portfolio .app__work-item .app__work-star{display:flex;justify-content:center;align-items:center;position:absolute;top:-10px;right:-10px;background-color:var(--accent);padding:.5rem;height:50px;width:50px;border-radius:2rem;z-index:2;box-shadow:2px 3px 5px #0003;font-size:1.8rem;transform:rotate(10deg)}.app__work-portfolio .app__work-item .app__work-star svg{color:#edb95e}.app__work-img{width:100%;height:250px;position:relative}.app__work-img img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.app__work-hover{position:absolute;inset:0;width:100%;height:100%;background-color:#00000080;border-radius:.5rem;opacity:0;transition:all .3s ease}.app__work-hover a{cursor:pointer}.app__work-hover a div:hover{background-color:var(--accent-opaque);border:2px solid var(--accent)}.app__work-hover div{width:50px;height:50px;border-radius:50%;background-color:#00000080;color:var(--text-white);border:2px solid transparent;margin:1rem;font-family:var(--font-base);font-weight:800;transition:all .2s ease}.app__work-hover div svg{width:50%;height:50%;color:var(--white)}.app__work-hover span{cursor:default}.app__work-content{padding:.5rem;width:100%;position:relative;flex-direction:column}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-content .app__work-tag{position:absolute;padding:.5rem 1rem;border-radius:10px;background-color:var(--text-white);top:-25px}@media(prefers-color-scheme:dark){.app__work-content .app__work-tag{background-color:var(--accent-100)}}.app__work-links{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:1rem;width:100%;font-size:.9rem}.app__work-links a{font-weight:500;color:var(--primary);display:flex;flex-direction:row;justify-content:center;align-items:center}.app__work-links a svg{margin-left:.4rem}.app__work-links a:hover{color:var(--primary-400)}.about__container{width:100%;max-width:1500px;padding:0 1.5rem;margin:3rem auto 6rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:900px){.about__container{margin-bottom:2rem}}.about__content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3rem;font-size:1.1rem}.about__content h2{font-size:3rem;font-weight:600;margin-bottom:1rem;color:var(--primary)}.about__content h2:not(:first-of-type){margin-top:3rem}@media screen and (max-width:900px){.about__content h2{font-size:2rem}}.about__content p{font-weight:400;line-height:1.5;color:var(--text-800);margin-bottom:1.2rem;margin-left:1.5rem}@media screen and (max-width:900px){.about__content p{margin-left:0}}.about__content a{font-weight:400;color:var(--primary);text-decoration:none}.about__content a:hover{color:var(--primary-400);text-decoration:underline}.about__content ul{list-style:none;padding-left:2rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;margin-right:2rem;font-size:inherit}@media screen and (max-width:900px){.about__content ul{padding-left:1rem;margin-right:0}}@media screen and (max-width:900px){.about__content{width:100%;padding:0;font-size:1rem}}.about__noah{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:2rem;margin-top:2rem}.about__noah .about__noah-text{flex:2}.about__noah .about__noah-images{flex:1;display:flex;align-items:center;overflow:hidden;aspect-ratio:1/1;border-radius:15px}.about__noah .about__noah-images img{height:100%;width:100%;object-fit:cover}@media screen and (max-width:900px){.about__noah{flex-direction:column-reverse;gap:2rem}.about__noah .about__noah-text{flex:1}.about__noah .about__noah-images{flex:1;aspect-ratio:20/9;overflow:hidden;border-radius:15px}}.about__interests{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;gap:2rem;margin-top:3rem}.about__interests .about__interests-text{flex:2;text-align:right}.about__interests .about__interests-images{flex:1;display:flex;align-items:center;overflow:hidden;aspect-ratio:1/1}.about__interests .about__interests-images img{height:100%;width:100%;object-fit:cover;border-radius:15px}@media screen and (max-width:900px){.about__interests{flex-direction:column-reverse;gap:2rem;margin-top:1rem}.about__interests .about__interests-text{flex:1;text-align:left}.about__interests .about__interests-images{flex:1;aspect-ratio:20/9;overflow:hidden;border-radius:15px}}.about__work{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:2rem;margin-top:3rem}.about__work .about__work-text{flex:2;text-align:left}.about__work .about__work-text p{margin-right:2rem}.about__work .about__work-images{flex:1;display:flex;align-items:center;overflow:hidden;aspect-ratio:1/1;border-radius:15px}.about__work .about__work-images img{height:100%;width:100%;object-fit:cover}@media screen and (max-width:900px){.about__work{flex-direction:column-reverse;gap:2rem;margin-top:1rem}.about__work .about__work-text{flex:1;text-align:left}.about__work .about__work-text p{margin-right:0}.about__work .about__work-images{flex:1;aspect-ratio:20/9;overflow:hidden;border-radius:15px}}.projects__container{width:100%;max-width:1500px;margin:3rem auto 6rem}@media screen and (max-width:900px){.projects__container{margin-top:0}}.projects__project-cards a{text-decoration:none}.projects__project-filter{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:2rem}.projects__project-filter .projects__project-filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--text-white);color:var(--text);font-weight:600;cursor:pointer;transition:all .3s ease;margin:.5rem}.projects__project-filter .projects__project-filter-item:hover{background-color:var(--secondary);color:var(--text-white)}@media screen and (max-width:900px){.projects__project-filter .projects__project-filter-item{font-size:.75rem;padding:.35rem .9rem}}.projects__project-filter .item-active{background-color:var(--secondary);color:var(--text-white)}@media screen and (max-width:900px){.projects__project-filter{justify-content:center;margin:2rem 0 1rem}}.experiences__container{display:grid;grid-template-columns:1fr 15px 1fr;grid-template-areas:"a timeline b";margin:3rem auto 6rem;height:100%;width:100%;max-width:1500px;padding:0 2rem}@media screen and (max-width:900px){.experiences__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;padding:0 1.5rem}}.experiences__container .col-a{grid-area:a;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;margin-top:2rem;gap:129.0322580645px;color:var(--text-800)}.experiences__container .col-a .exp{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;margin-right:-20px}.experiences__container .col-a .exp__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;text-align:right}.experiences__container .col-a .marker{transform:rotate(180deg)}.experiences__container .col-a .tags .tag-icon{margin-right:0}.experiences__container .col-b{grid-area:b;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:5rem;gap:214.2857142857px;color:var(--text-800)}.experiences__container .col-b .exp{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-left:-20px}.experiences__container .col-b .marker{width:25px;height:25px;border-radius:50%;background:var(--text-500)}.experiences__container .col-b .exp__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}.experiences__container .col-b .tags__container{justify-content:flex-start}@media screen and (max-width:900px){.experiences__container .col-b{margin-top:0;width:100%;height:100%;gap:2rem}.experiences__container .col-b .exp{flex-direction:row;justify-content:flex-start;margin-left:0;margin-right:0}}.experiences__container .timeline{grid-area:timeline;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.experiences__container .timeline .line{width:2px;height:100%;background:var(--text-500)}.experiences__container .timeline .arrow-start{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid var(--text-500)}.experiences__container .timeline .dot-end{width:15px;height:15px;border-radius:50%;background:var(--text-500)}@media screen and (max-width:900px){.experiences__container .timeline{margin:0 1rem;width:100%;height:100%}}.project__container{width:100%;max-width:1500px;margin:3rem auto 6rem;display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;align-items:flex-start;color:var(--text-800);padding:0 2rem}@media screen and (max-width:900px){.project__container{grid-template-columns:1fr;margin-bottom:2rem;padding:0 1.5rem}}.project__content{width:100%}.project__content h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary)}.project__content h2:not(:first-of-type){margin-top:3rem}@media screen and (max-width:900px){.project__content h2{font-size:2rem}}.project__content p{font-size:1.1rem;font-weight:400;line-height:1.5;color:var(--text-800);margin-bottom:1.2rem;margin-left:1.5rem}@media screen and (max-width:900px){.project__content p{margin-left:0;font-size:1rem}}.project__content a{color:var(--primary);text-decoration:none}.project__content a:hover{color:var(--primary-400)}.project__content ul{list-style:disc;margin-bottom:1.2rem;padding-left:1rem;margin-left:2rem;font-size:1.1rem}@media screen and (max-width:900px){.project__content ul{font-size:1rem;margin-left:0}}.project__content strong{font-weight:600}@media screen and (max-width:900px){.project__content{width:100%}}.job__container{width:100%;max-width:1500px;margin:3rem auto 6rem;display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;align-items:flex-start;color:var(--text-800);padding:0 2rem}@media screen and (max-width:900px){.job__container{grid-template-columns:1fr;padding:0 1.5rem}}.job__content{width:100%}.job__content h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem;color:var(--primary)}.job__content h2:not(:first-of-type){margin-top:3rem}@media screen and (max-width:900px){.job__content h2{font-size:2rem}}.job__content p{font-size:1.1rem;font-weight:400;line-height:1.5;color:var(--text-800);margin-bottom:1.2rem;margin-left:1.5rem}@media screen and (max-width:900px){.job__content p{margin-left:0;font-size:1rem}}.job__content a{color:var(--primary);text-decoration:none}.job__content a:hover{color:var(--primary-400)}.job__content ul{list-style:none;margin-bottom:1.2rem;padding-left:1rem;margin-left:2rem;font-size:1.1rem}@media screen and (max-width:900px){.job__content ul{margin-left:0;font-size:1rem}}.job__content ul li ul{margin-left:0;margin-top:.7rem;margin-bottom:0}.job__content strong{font-weight:600}@media screen and (max-width:900px){.job__content{width:100%}}.app__not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:auto;text-align:center}@media screen and (max-width:900px){.app__not-found{padding:0 1.5rem}}.app__not-found h1{font-size:5rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.app__not-found h2{font-size:2rem;font-weight:400;color:var(--text-600);margin-bottom:1rem;line-height:1.5}@media screen and (max-width:900px){.app__not-found h2{font-size:1.4rem}}.app__not-found p{font-size:1.2rem;font-weight:400;color:var(--text-800);margin:1.5rem}.app__not-found p a{color:var(--primary);font-weight:400;text-decoration:none}.app__not-found p a:hover{color:var(--primary-400)}@media screen and (max-width:900px){.app__not-found p{font-size:1rem}}.app{background-color:var(--background);font-family:var(--font-base)}.app__whitebg{background-color:var(--background)}.app__primarybg{background-color:var(--accent-50)}.app__container{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:row;padding-top:72px}.app__container.row{flex-direction:row}.app__container.col{flex-direction:column}@media screen and (max-width:900px){.app__container{padding-top:67px}}button{font-family:var(--font-base);outline:none;border:none;cursor:pointer}.app__flex{display:flex;justify-content:center;align-items:center}.gap-1{gap:.5rem}.app__wrapper{flex:1;width:100%;flex-direction:column;padding:0 2rem 4rem}@media screen and (max-width:450px){.app__wrapper{padding:4rem 0 2rem}}.app__more-link{margin-top:5rem;padding:1rem 2rem}.app__more-link a{text-decoration:none;color:var(--text-400);font-weight:400;font-size:1.6rem;transition:font-weight .2s ease,color .2s ease}.app__more-link a:hover{color:var(--primary);font-weight:600}.app__more-link svg{margin-left:.5rem;position:relative;top:.2rem}.app__more-link:hover{color:var(--primary-500)}@media screen and (max-width:900px){.app__more-link{margin-top:3rem}.app__more-link a{font-size:1.4rem}}.head-text{font-size:2.75rem;font-weight:800;text-align:center;color:var(--text);text-transform:capitalize}.head-text span{color:var(--primary)}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{font-size:.8rem;text-align:left;color:var(--text-700);line-height:1.5}.bold-text{font-size:1rem;font-weight:800;color:var(--text);text-align:left}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__navigation{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:4;margin-left:-3rem;padding:1rem}.app__navigation .app__navigation-dot{width:10px;height:10px;border-radius:50%;background-color:var(--background-100);margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover,.app__navigation .app__navigation-dot.active{background-color:var(--accent)}.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:500px){.app__navigation{display:none}}:root{--linearPrimarySecondary: linear-gradient(#5a9cb5, #98cee2);--linearPrimaryAccent: linear-gradient(#5a9cb5, #57bbdf);--linearSecondaryAccent: linear-gradient(#98cee2, #57bbdf);--radialPrimarySecondary: radial-gradient(#5a9cb5, #98cee2);--radialPrimaryAccent: radial-gradient(#5a9cb5, #57bbdf);--radialSecondaryAccent: radial-gradient(#98cee2, #57bbdf)}:root[data-theme=light]{--white: #ffffff;--text: #0f1517;--background: #f5f9fa;--background-opaque: rgba(245, 249, 250,.85);--primary: #5a9cb5;--secondary: #98cee2;--accent: #57bbdf;--accent-opaque: rgba(4, 17, 21, .85)}:root[data-theme=dark]{--white: #ffffff;--text: #e9eff1;--background: #05090a;--background-opaque: rgba(5, 9, 10,.85) --primary: #4a8da5;--secondary: #1d5467;--accent: #2083a7;--accent-opaque: rgba(4, 17, 21, .85)}@media(prefers-color-scheme:light){:root{--white: #ffffff;--text: #0f1517;--background: #f5f9fa;--background-opaque: rgba(245, 249, 250,.85);--primary: #5a9cb5;--secondary: #98cee2;--accent: #57bbdf;--accent-opaque: rgba(4, 17, 21, .85)}}@media(prefers-color-scheme:dark){:root{--white: #ffffff;--text: #e9eff1;--background: #05090a;--background-opaque: rgba(5, 9, 10,.85);--primary: #4a8da5;--secondary: #1d5467;--accent: #2083a7;--accent-opaque: rgba(4, 17, 21, .85)}}:root[data-theme=light]{--text-white: #ffffff;--text-50: #f0f4f5;--text-100: #e0e8eb;--text-200: #c1d1d7;--text-300: #a2bbc3;--text-400: #84a4ae;--text-500: #658d9a;--text-600: #51717b;--text-700: #3c555d;--text-800: #28383e;--text-900: #141c1f;--text-950: #0a0e0f;--background-50: #eef5f6;--background-100: #ddebee;--background-200: #bbd6dd;--background-300: #99c2cc;--background-400: #77adbb;--background-500: #5599aa;--background-600: #447a88;--background-700: #335c66;--background-800: #223d44;--background-900: #111f22;--background-950: #090f11;--primary-50: #edf5f7;--primary-100: #dceaef;--primary-200: #b9d5df;--primary-300: #95c0d0;--primary-400: #72abc0;--primary-500: #4f96b0;--primary-600: #3f788d;--primary-700: #2f5a6a;--primary-800: #203c46;--primary-900: #101e23;--primary-950: #080f12;--secondary-50: #ebf6f9;--secondary-100: #d7ecf4;--secondary-200: #afd9e9;--secondary-300: #88c6dd;--secondary-400: #60b4d2;--secondary-500: #38a1c7;--secondary-600: #2d819f;--secondary-700: #226077;--secondary-800: #164050;--secondary-900: #0b2028;--secondary-950: #061014;--accent-50: #eaf6fb;--accent-100: #d4eef7;--accent-200: #a9dcef;--accent-300: #7ecbe7;--accent-400: #54b9de;--accent-500: #29a8d6;--accent-600: #2186ab;--accent-700: #186581;--accent-800: #104356;--accent-900: #08222b;--accent-950: #041115}:root[data-theme=dark]{--text-white: #0f1517;--text-50: #0a0e10;--text-100: #141c1f;--text-200: #28393e;--text-300: #3c555d;--text-400: #50717c;--text-500: #638e9c;--text-600: #83a4af;--text-700: #a2bbc3;--text-800: #c1d2d7;--text-900: #e0e8eb;--text-950: #eff4f5;--background-50: #090f11;--background-100: #111f22;--background-200: #223d44;--background-300: #335c66;--background-400: #447a88;--background-500: #5599aa;--background-600: #77adbb;--background-700: #99c2cc;--background-800: #bbd6dd;--background-900: #ddebee;--background-950: #eef5f6;--primary-50: #080f12;--primary-100: #101e23;--primary-200: #203c46;--primary-300: #2f5a6a;--primary-400: #3f788d;--primary-500: #4f96b0;--primary-600: #72abc0;--primary-700: #95c0d0;--primary-800: #b9d5df;--primary-900: #dceaef;--primary-950: #edf5f7;--secondary-50: #061014;--secondary-100: #0b2128;--secondary-200: #164150;--secondary-300: #226277;--secondary-400: #2d839f;--secondary-500: #38a3c7;--secondary-600: #60b6d2;--secondary-700: #88c8dd;--secondary-800: #afdae9;--secondary-900: #d7edf4;--secondary-950: #ebf6f9;--accent-50: rgb(4, 17, 21);--accent-100: #08222b;--accent-200: #104356;--accent-300: #186581;--accent-400: #2186ab;--accent-500: #29a8d6;--accent-600: #54b9de;--accent-700: #7ecbe7;--accent-800: #a9dcef;--accent-900: #d4eef7;--accent-950: #eaf6fb}@media(prefers-color-scheme:light){:root{--text-white: #ffffff;--text-50: #f0f4f5;--text-100: #e0e8eb;--text-200: #c1d1d7;--text-300: #a2bbc3;--text-400: #84a4ae;--text-500: #658d9a;--text-600: #51717b;--text-700: #3c555d;--text-800: #28383e;--text-900: #141c1f;--text-950: #0a0e0f;--background-50: #eef5f6;--background-100: #ddebee;--background-200: #bbd6dd;--background-300: #99c2cc;--background-400: #77adbb;--background-500: #5599aa;--background-600: #447a88;--background-700: #335c66;--background-800: #223d44;--background-900: #111f22;--background-950: #090f11;--primary-50: #edf5f7;--primary-100: #dceaef;--primary-200: #b9d5df;--primary-300: #95c0d0;--primary-400: #72abc0;--primary-500: #4f96b0;--primary-600: #3f788d;--primary-700: #2f5a6a;--primary-800: #203c46;--primary-900: #101e23;--primary-950: #080f12;--secondary-50: #ebf6f9;--secondary-100: #d7ecf4;--secondary-200: #afd9e9;--secondary-300: #88c6dd;--secondary-400: #60b4d2;--secondary-500: #38a1c7;--secondary-600: #2d819f;--secondary-700: #226077;--secondary-800: #164050;--secondary-900: #0b2028;--secondary-950: #061014;--accent-50: #eaf6fb;--accent-100: #d4eef7;--accent-200: #a9dcef;--accent-300: #7ecbe7;--accent-400: #54b9de;--accent-500: #29a8d6;--accent-600: #2186ab;--accent-700: #186581;--accent-800: #104356;--accent-900: #08222b;--accent-950: #041115}}@media(prefers-color-scheme:dark){:root{--text-white: #0f1517;--text-50: #0a0e10;--text-100: #141c1f;--text-200: #28393e;--text-300: #3c555d;--text-400: #50717c;--text-500: #638e9c;--text-600: #83a4af;--text-700: #a2bbc3;--text-800: #c1d2d7;--text-900: #e0e8eb;--text-950: #eff4f5;--background-50: #090f11;--background-100: #111f22;--background-200: #223d44;--background-300: #335c66;--background-400: #447a88;--background-500: #5599aa;--background-600: #77adbb;--background-700: #99c2cc;--background-800: #bbd6dd;--background-900: #ddebee;--background-950: #eef5f6;--primary-50: #080f12;--primary-100: #101e23;--primary-200: #203c46;--primary-300: #2f5a6a;--primary-400: #3f788d;--primary-500: #4f96b0;--primary-600: #72abc0;--primary-700: #95c0d0;--primary-800: #b9d5df;--primary-900: #dceaef;--primary-950: #edf5f7;--secondary-50: #061014;--secondary-100: #0b2128;--secondary-200: #164150;--secondary-300: #226277;--secondary-400: #2d839f;--secondary-500: #38a3c7;--secondary-600: #60b6d2;--secondary-700: #88c8dd;--secondary-800: #afdae9;--secondary-900: #d7edf4;--secondary-950: #ebf6f9;--accent-50: #041115;--accent-100: #08222b;--accent-200: #104356;--accent-300: #186581;--accent-400: #2186ab;--accent-500: #29a8d6;--accent-600: #54b9de;--accent-700: #7ecbe7;--accent-800: #a9dcef;--accent-900: #d4eef7;--accent-950: #eaf6fb}}:root{--font-base: "Rubik", sans-serif}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--background);color:var(--text);overflow-x:hidden}.pointer{cursor:pointer}.shadow{background-color:var(--background-opaque);filter:drop-shadow(0 0 20px rgba(0,0,0,.2));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}