@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}.__variable_e8ce0c{--font-inter:"__Inter_e8ce0c","__Inter_Fallback_e8ce0c"}:root{--headercolor:hsla(0,0%,100%,.9);--backgroundcolor:#fff;--backgroundcolor2:#e2e2e2;--accentcolor:#575757;--fontcolor:#242424;--fonthover:#e05200}.darkmode{--headercolor:rgba(32,32,32,.9);--backgroundcolor:#202020;--backgroundcolor2:#3f3f3f;--accentcolor:#adadad;--fontcolor:#eeeae5;--fonthover:#ff5e00}body{background-color:var(--backgroundcolor);color:var(--fontcolor)}nav{max-width:100%;width:100%;justify-content:center;margin:0 auto;padding:1rem;position:fixed;bottom:0;background-color:var(--headercolor);z-index:99}nav,nav ul{display:flex}nav ul{flex-direction:row;flex-wrap:wrap;list-style:none;gap:2rem;padding:0;font-size:1rem;font-weight:300}nav ul li a{display:flex;flex-direction:column;align-items:center;color:var(--fontcolor);text-decoration:none;overflow-x:hidden;transition:color .5s ease}nav ul li a svg{color:inherit;font-size:1.1rem}nav ul li a:hover{color:var(--fonthover);text-decoration:underline}.project-container{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;margin:0 auto}.project-container .card-container{display:flex;flex-direction:column;align-items:center;margin:2rem auto;box-shadow:0 2px 18px 8px rgba(0,0,0,.31);width:100%;justify-content:space-between;border:none;transition:transform .2s ease,color .2s ease;transform-origin:center}.project-container .card-container:hover{transform:scale(1.03)}.project-container .card-container .card-img{width:100%;height:25vh;position:relative;overflow:hidden}.project-container .card-container .card-img .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.project-container .card-container .card-img .img-filter{filter:opacity(.7) grayscale(.1)}.project-container .card-container .card-wrapper{max-width:80%;width:100%}.project-container .card-container .card-wrapper .card-title-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;margin:.5rem 0 0;padding:.6rem 0;border-bottom:1px solid var(--accentcolor)}.project-container .card-container .card-wrapper .card-title-wrapper .project-title{font-size:1rem;font-weight:400;width:50%}.project-container .card-container .card-wrapper .card-title-wrapper .card-links{width:100%;max-width:100%;min-width:45%;display:flex;justify-content:right;gap:.2rem;position:relative;margin-bottom:.5rem}.project-container .card-container .card-wrapper .card-title-wrapper .card-links a{font-size:1.3rem;text-align:center;border:none;background-color:var(--backgroundcolor2);width:100%;border-radius:10px;color:var(--fontcolor);text-decoration:none;display:inline-block;transition:transform .3s ease,color .3s ease;transform-origin:center;padding-top:.5rem;padding-bottom:.3rem}.project-container .card-container .card-wrapper .card-title-wrapper .card-links a:hover{color:var(--backgroundcolor);background-color:var(--fonthover)}.project-container .card-container .card-wrapper .project-desc{padding-top:.6rem;font-size:.8rem;margin-bottom:1rem;font-weight:300;overflow:hidden;transition:height .6s ease;height:auto}.project-container .card-container .card-wrapper .project-desc p{margin-bottom:.3rem}.project-container .card-container .card-wrapper .project-desc p a{color:var(--fontcolor);text-decoration:none}.project-container .card-container .card-wrapper .project-desc p a:hover{text-decoration:underline}.project-container .card-container .card-wrapper .more-btn{display:flex;justify-content:center;font-size:.8rem;padding:.8rem;border:none;background-color:var(--backgroundcolor2);color:var(--fontcolor);border-radius:10px;width:100%;text-decoration:none;transition:transform .3s ease,color .3s ease}.project-container .card-container .card-wrapper .more-btn:hover{color:var(--backgroundcolor);background-color:var(--fonthover);text-decoration:underline}.project-container .card-container .card-tech-wrapper{max-width:100%;width:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem;gap:1rem}.project-container .card-container .card-tech-wrapper .card-tech{font-size:.6rem;color:var(--accentcolor)}#home{height:60vh;margin:50% auto 0}#about .about-wrapper,#home .fp-anim-wrapper{display:flex;flex-direction:column}#about .about-wrapper{align-items:center}#about .about-wrapper .abt-img{width:100%;height:45vh;position:relative;overflow:hidden;margin-bottom:1rem;border-radius:10px}#about .about-wrapper .abt-img .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#about .about-wrapper .text-wrapper{display:flex;flex-direction:column}#about .about-wrapper .text-wrapper h3{font-size:1rem;padding:1rem 0}#about .about-wrapper .text-wrapper p{font-size:.65rem;padding-bottom:.7rem}.cert-section{padding:2rem 0 1rem;border-bottom:2px solid var(--fonthover)}.cert-section .sub-title{padding-bottom:1rem}.cert-section .certs-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;align-items:center;list-style:none;padding-left:0}.cert-section .certs-wrapper .cert{flex:1 1;max-width:100%}.cert-section .certs-wrapper .cert a{display:block}.cert-section .certs-wrapper .cert a .c-img{filter:opacity(.75) grayscale(1);width:100%;height:auto;max-height:100%;display:block;transition:transform .2s ease,color .2s ease}.cert-section .certs-wrapper .cert a .c-img:hover{filter:opacity(1);transform:scale(1.05)}.education{border-bottom:2px solid var(--fonthover);padding-bottom:1rem}.education .edu-wrapper .edu-title{font-size:.8rem;font-weight:500;padding-top:.4rem}.education .edu-wrapper .sub-title{font-size:.8rem}.education .edu-wrapper .date{font-size:.6rem;font-weight:300}.skills-section{border-bottom:2px solid var(--fonthover)}.skills-section .skills-list{display:flex;flex-wrap:wrap;gap:10px;padding:1rem;justify-content:center}.skills-section .skills-list .skills-li{list-style:none;background-color:var(--backgroundcolor2);border-radius:10px;padding:10px;display:inline-block;transition:transform .2s ease,color .2s ease;transform-origin:center;text-align:center}.skills-section .skills-list .skills-li:hover{color:var(--fonthover);transform:scale(1.1)}.wordCarousel{font-size:.9rem;display:flex;font-weight:300}.wordCarousel div{overflow:hidden;height:65px}.wordCarousel div ul{padding:0 9px}.wordCarousel div ul li{font-size:.8rem;font-family:serif;color:var(--fonthover);font-weight:700;height:45px;margin-bottom:45px;display:block}.wordCarousel div ul li .anim-excl{font-family:var(--font-inter);font-weight:300;color:var(--fontcolor)}.flip2{animation:flip2 6s cubic-bezier(.23,1,.32,1.2) infinite}.flip3{animation:flip3 8s cubic-bezier(.23,1,.32,1.2) infinite}.flip4{animation:flip4 10s cubic-bezier(.23,1,.32,1.2) infinite}.flip5{animation:flip5 12s cubic-bezier(.23,1,.32,1.2) infinite}@keyframes flip2{0%{margin-top:-180px}5%{margin-top:-90px}50%{margin-top:-90px}55%{margin-top:0}99.99%{margin-top:0}to{margin-top:-180px}}@keyframes flip3{0%{margin-top:-270px}5%{margin-top:-180px}33%{margin-top:-180px}38%{margin-top:-90px}66%{margin-top:-90px}71%{margin-top:0}99.99%{margin-top:0}to{margin-top:-270px}}@keyframes flip4{0%{margin-top:-360px}5%{margin-top:-270px}25%{margin-top:-270px}30%{margin-top:-180px}50%{margin-top:-180px}55%{margin-top:-90px}75%{margin-top:-90px}80%{margin-top:0}99.99%{margin-top:0}to{margin-top:-360px}}@keyframes flip5{0%{margin-top:-450px}5%{margin-top:-360px}20%{margin-top:-360px}25%{margin-top:-270px}40%{margin-top:-270px}45%{margin-top:-180px}60%{margin-top:-180px}65%{margin-top:-90px}80%{margin-top:-90px}85%{margin-top:0}99.99%{margin-top:0}to{margin-top:-450px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.589);display:flex;align-items:center;justify-content:center;z-index:99}.popup-content{position:relative;padding:2rem}.popup-content img{max-width:90vw;max-height:90vh;width:auto;height:auto;margin:0 auto;display:block;object-fit:contain}.popup-close{position:absolute;top:-1rem;right:-.5rem;font-size:3rem;background:none;border:none;color:var(--fontcolor);cursor:pointer;z-index:10;transition:color .3s ease,transform .3s ease}.popup-close:hover{color:var(--fonthover);transform:scale(1.2)}footer{text-align:center;background-color:var(--backgroundcolor2);padding:5rem 0;font-size:.5rem;display:flex;flex-direction:column}footer .links-wrapper .links-list{display:flex;list-style:none;width:100%;justify-content:center;gap:2rem;margin:0;padding:2rem 0}footer .links-wrapper .links-list li{font-size:2rem}footer .links-wrapper .links-list li a{color:var(--fontcolor);display:inline-block;transition:transform .3s ease,color .3s ease;transform-origin:center}footer .links-wrapper .links-list li a:hover{color:var(--fonthover);transform:scale(1.2)}.pages-container{max-width:100%;margin:0 auto}.page-header{width:80%;margin:10% auto 0;padding-top:10%;text-align:left}.page-header-2{width:80%;margin:2% auto 0;text-align:left}.page-title,.sub-title{font-size:.9rem;font-weight:300}.section-title{font-size:1rem;font-weight:300;color:var(--fonthover);padding:1rem 0}.text-link{color:var(--fontcolor);text-decoration:none}.text-link:hover{color:var(--fonthover);text-decoration:underline}.category-title{font-size:1rem;margin-top:1rem;color:var(--fonthover);font-weight:300}@media(min-width:768px)and (max-width:1200px){.pages-container{max-width:70%}.project-container{max-width:80%}#home{margin:40% auto 0}#about .about-wrapper .abt-img{height:55vh}}@media(min-width:1200px){.section-title,.sub-title{font-size:.8rem}.section-title{padding-top:1rem}.pages-container{max-width:70%}.popup-content:after{top:-1rem;right:0;font-size:3rem}nav{top:0;height:1rem;justify-content:space-between;padding-right:1rem;align-items:flex-end;padding-top:2rem}nav .toggle-switch{position:relative}nav ul{font-size:.6rem}nav ul li a{position:relative;display:inline-block}nav ul li a:before{content:"";overflow:hidden;width:100%;position:absolute;right:-150%;bottom:0;height:3px;background-color:var(--fonthover);transition:all .3s}nav ul li a svg{display:none}nav ul li a:hover{text-decoration:none}nav ul li a:hover:before{right:0}#home{margin:10% auto 0}#home .fp-anim-wrapper{flex-direction:row}.project-container{flex-direction:row;width:80%}.project-container .card-container{overflow:hidden;border-radius:10px;max-width:45%}.project-container .card-container .card-wrapper{width:80%}.project-container .card-container .card-wrapper .card-title-wrapper{margin-top:.7rem;padding:.3rem 0;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.project-container .card-container .card-wrapper .card-title-wrapper .project-title{font-size:.7rem;width:auto;order:1}.project-container .card-container .card-wrapper .card-title-wrapper .card-links{gap:10px;width:auto;min-width:auto;order:2;margin-bottom:0}.project-container .card-container .card-wrapper .card-title-wrapper .card-links a{font-size:.9rem;background-color:transparent;padding:.2rem .2rem 0;width:auto}.project-container .card-container .card-wrapper .card-title-wrapper .card-links a:hover{color:var(--fonthover);background-color:transparent}.project-container .card-container .card-wrapper .project-desc{padding-top:.3rem;font-size:.6rem;margin-bottom:1rem}.project-container .card-container .card-wrapper .more-btn{margin-bottom:.5rem;font-size:.5rem;padding:.5rem}.project-container .card-container .card-tech-wrapper{padding:.3rem 1rem 1rem}.project-container .card-container .card-tech-wrapper .card-tech{font-size:.38rem}#about .about-wrapper{flex-direction:row}#about .about-wrapper .abt-img{height:auto;position:relative;display:flex;min-width:45%}#about .about-wrapper .abt-img .img{position:relative}#about .about-wrapper .text-wrapper{padding:0 1rem}#about .about-wrapper .text-wrapper h3{margin:0}#about .about-wrapper .text-wrapper p{font-size:.55rem}.cert-section{display:flex;flex-direction:column;align-items:baseline;gap:10px}.cert-section .certs-wrapper{flex-direction:row}.education{width:100%}.education .edu-wrapper .edu-title{font-size:.7rem}.education .edu-wrapper .sub-title{font-size:.65rem}.education .edu-wrapper .date{font-size:.5rem}.skills-section .skills-list{max-width:70%;margin:0 auto;gap:.4rem}.skills-section .skills-list .skills-li{font-size:.65rem}.project-details .back-link{font-size:.5rem!important;width:10%!important;padding:.3rem!important;margin-left:18%!important}.project-details .project-details-content{width:70%;margin:0 auto}.project-details .project-details-content .project-slideshow{display:flex;justify-content:center;flex-direction:column}.project-details .project-details-content .project-slideshow .slideshow-container{align-self:center}footer .links-wrapper{position:fixed;bottom:1rem;left:10px;display:flex;flex-direction:column;align-items:center}footer .links-wrapper .links-list{flex-direction:column;gap:20px!important;padding:0 .8rem!important}footer .links-wrapper .links-list li{font-size:.8rem!important}footer .links-wrapper .links-deco{height:100px;width:2px;background-color:var(--fontcolor);margin-top:1rem;color:var(--fontcolor)}}@media(min-width:1920px){#about .about-wrapper .abt-img{height:55vh}.project-container{width:82%}.project-container .card-container{width:30%}.project-container .card-container .card-wrapper .card-title-wrapper .card-links a{font-size:.6rem}.project-container .card-container .card-wrapper .project-desc{font-size:.5rem}.popup-content:after{top:-.5rem;right:.5rem;font-size:2rem}}.toggle-switch{display:flex;align-self:center;padding-bottom:1rem;position:fixed;top:10px;left:10px}.toggle-switch .checkbox{opacity:0;position:absolute}.toggle-switch .checkbox-label{background-color:var(--backgroundcolor2);width:50px;height:26px;border-radius:50px;position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.toggle-switch .checkbox-label .ball{background-color:var(--fontcolor);width:22px;height:22px;position:absolute;left:2px;top:2px;border-radius:50%;transition:transform .2s linear}.toggle-switch .checkbox-label .icon{color:var(--fontcolor);width:16px;height:16px}.toggle-switch .checkbox-label .moon,.toggle-switch .checkbox-label .sun{color:var(--fonthover)}.checkbox:checked+.checkbox-label .ball{transform:translateX(24px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{background:var(--fonthover);color:var(--backgroundcolor);font-weight:700;left:50%;transform:translateX(-50%) translateY(-120%);padding:.5rem 1rem;position:fixed;top:0;transition:transform .3s;z-index:9999;text-decoration:none;border-radius:0 0 .5rem .5rem;opacity:0;pointer-events:none}.skip-link:focus{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:all}.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-details{max-width:90%;margin:0 auto;padding:1rem}.project-details .back-link{display:flex;justify-content:center;align-items:center;margin:4rem 0 1rem 1rem;font-size:.5rem;padding:.5rem;border:none;background-color:var(--backgroundcolor2);color:var(--fontcolor);border-radius:10px;width:30%;text-decoration:none;font-size:.8rem;gap:.1rem}.project-details .back-link:hover{color:var(--backgroundcolor);background-color:var(--fonthover);text-decoration:underline}.project-details .project-description img{display:block;margin-left:auto;margin-right:auto}.project-details .project-details-content{background:var(--card-bg);border-radius:8px;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.project-details .project-details-content h1{margin-bottom:1rem;color:var(--fonthover);font-size:1rem;text-align:center}.project-details .project-details-content .project-slideshow{margin-bottom:1rem}.project-details .project-details-content .project-slideshow .slideshow-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background-color:var(--bgcolor)}.project-details .project-details-content .project-slideshow .slideshow-container .slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:var(--backgroundcolor)}.project-details .project-details-content .project-slideshow .slideshow-container .slide img{width:100%;height:100%;object-fit:contain}.project-details .project-details-content .project-slideshow .slideshow-container .slideshow-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;padding:.5rem;cursor:pointer;font-size:.8rem;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s;z-index:1}.project-details .project-details-content .project-slideshow .slideshow-container .slideshow-button:hover{background:rgba(0,0,0,.8)}.project-details .project-details-content .project-slideshow .slideshow-container .slideshow-button.prev{left:.5rem}.project-details .project-details-content .project-slideshow .slideshow-container .slideshow-button.next{right:.5rem}.project-details .project-details-content .project-slideshow .slideshow-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.project-details .project-details-content .project-slideshow .slideshow-dots .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--backgroundcolor2);border:none;cursor:pointer;transition:background-color .3s}.project-details .project-details-content .project-slideshow .slideshow-dots .dot.active{background:var(--fonthover)}.project-details .project-details-content .project-slideshow .slideshow-dots .dot:hover{background:var(--primary-color-dark)}.project-details .project-details-content .project-links{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.project-details .project-details-content .project-links .project-link{display:flex;align-items:center;width:30%;gap:.3rem;padding:.5rem;background:var(--backgroundcolor2);color:var(--fontcolor);text-decoration:none;border-radius:10px;font-size:.65rem;transition:background-color .3s;justify-content:center}.project-details .project-details-content .project-links .project-link:hover{color:var(--backgroundcolor);background-color:var(--fonthover);text-decoration:underline}.project-details .project-details-content .project-description{margin-bottom:1rem;line-height:1.6;color:var(--text-color);font-size:.6rem}.project-details .project-details-content .project-description p{margin-bottom:.7rem}.project-details .project-details-content .project-technologies h2{margin-bottom:.5rem;color:var(--fonthover);font-size:.7rem;text-align:center}.project-details .project-details-content .project-technologies .tech-tags{max-width:100%;width:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:1rem;gap:1rem}.project-details .project-details-content .project-technologies .tech-tags .tech-tag{padding:.3rem .5rem;background:var(--secondary-color);border-radius:4px;font-size:.6rem;color:var(--accentcolor)}*{margin:0;box-sizing:border-box}html{font-size:calc(1em + 1vw)}body{overflow-x:hidden;scroll-behavior:smooth;transition:background-color .3s,color .3s;min-width:300px}