html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:Raleway,sans-serif;margin:0;button,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway,sans-serif}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#686d76;--secondary-color:#373a40;--background-color:#eee;--text-color:#1b1d1f;--accent-color:#dc5f00;--toggle-icon-color:#1b1d1f}.dark{--primary-color:#373a40;--secondary-color:#111214;--background-color:#1b1d1f;--text-color:#eee;--accent-color:#dc5f00;--toggle-icon-color:#eee}.app-layout{background-color:var(--background-color);transition:all .2s ease-in-out}.app-layout,.app-layout .layout-main{display:flex;flex-direction:column;min-height:100vh;width:100%}header{border-bottom:4px solid var(--accent-color);box-sizing:border-box;display:flex;justify-content:center;padding:10px 30px;width:100%}header .header-container{align-items:center;display:flex;height:100%;justify-content:space-evenly;max-width:1440px;width:100%}header .header-container .hamburger{display:none;flex-direction:column;height:25px;justify-content:space-around;width:45px}header .header-container .hamburger .line{background-color:var(--accent-color);height:15%;width:100%}header .header-container .logo{border:2px solid #000;height:40px;width:40px}header .header-container .main-nav{align-items:center;display:flex;height:100%;width:auto}header .header-container .main-nav ul{display:flex;gap:50px;height:100%;padding:0}header .header-container .main-nav ul li{list-style:none;margin-inline:auto;transition:all .2s ease-in-out}header .header-container .main-nav ul li a{color:var(--text-color);text-decoration:none;transition:all .2s ease-in-out}header .header-container .main-nav ul li a.active{color:var(--accent-color);font-weight:700}header .header-container .main-nav ul li:hover{font-weight:700}header .header-container .theme-toggle{align-items:center;aspect-ratio:1/1;background-color:var(--accent-color);border-radius:50%;cursor:pointer;display:flex;justify-content:center;width:40px}header .header-container .theme-toggle .toggle-icon{color:var(--toggle-icon-color);height:60%;transition:all .2s ease-in-out;width:60%}@media screen and (max-width:740px){header .header-container{justify-content:space-between}header .header-container .hamburger{display:flex;justify-content:space-between}header .header-container .main-nav{display:none}}.side-bar{background-color:var(--background-color);box-shadow:inset -3px 0 0 0 var(--accent-color),0 0 15px #6e6e6e;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;transition:.3s ease-in-out;z-index:9999}.side-bar ul{display:flex;flex-direction:column;gap:10px;height:100%;padding:80px 30px 0}.side-bar ul li{list-style:none;margin-inline:auto;text-align:left;transition:all .2s ease-in-out;width:100%}.side-bar ul li a{color:var(--text-color);margin-left:40%;text-decoration:none;transition:all .2s ease-in-out}.side-bar ul li a.active{color:var(--accent-color);font-weight:700}.side-bar ul li:hover{font-weight:700}.side-bar ul hr{background-color:var(--accent-color);border:1px solid var(--accent-color);height:1px;width:100%}@media screen and (min-width:740px){.side-bar{display:none;width:0}}.footer{background-color:var(--secondary-color);box-sizing:border-box;display:flex;justify-content:center;justify-self:flex-end;min-height:300px;padding:50px 30px 80px;width:100%}.footer .footer-content{display:flex;gap:30px;height:100%;max-width:1440px;width:100%}.footer .footer-content .footer-section{align-items:center;color:var(--primary-color);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;min-width:190px;text-align:left}.footer .footer-content .footer-section a{color:var(--primary-color);text-decoration:none}.footer .footer-content .footer-section h2{font-size:clamp(1.8rem,3vw,50px);margin-bottom:0;margin-top:0;margin-inline:auto;text-align:center}.footer .footer-content .footer-section p{font-size:clamp(1rem,1.5vw,35px);margin-bottom:5px;margin-top:5px}.footer .footer-content .footer-section hr{background-color:var(--primary-color);border:1px solid var(--primary-color);height:2px;margin-inline:0;width:80%}.footer .footer-content .footer-section .links{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px;width:100%}.footer .footer-content .footer-section .links .icon{cursor:pointer;height:clamp(2rem,2.5vw,65px);transition:all .3s ease-in-out;width:clamp(2rem,2.5vw,65px)}.footer .footer-content .footer-section .links .icon:hover{color:var(--accent-color)}@media screen and (max-width:700px){.footer .footer-content{flex-direction:column;width:70%}}.home-main{display:flex;flex-direction:column;height:auto;padding-top:80px;width:100%}.home-main .skills-section{border-bottom:1px solid var(--secondary-color);box-sizing:border-box;min-height:100px;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:10px}.home-main .skills-section .skills-header{align-items:center;display:flex;flex-direction:row;margin-inline:auto;margin-bottom:10px;width:100%}.home-main .skills-section .skills-header hr{background-color:var(--accent-color);border:var(--accent-color);height:2px;margin:auto;width:100%}.home-main .skills-section .skills-header h2{border:1.5px solid var(--accent-color);border-radius:10px;color:var(--accent-color);font-size:clamp(1rem,1vw,1.5rem);font-weight:400;margin-inline:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:5px 10px;text-align:center}.home-main .projects-section{box-sizing:border-box;max-height:auto;min-height:100px;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:20px;width:100%}.home-main .projects-section .projects-header{align-items:center;box-sizing:border-box;color:var(--accent-color);display:flex;flex-direction:row;justify-content:center;margin:10px auto 15px;max-width:1440px;width:100%}.home-main .projects-section .projects-header h2{font-size:clamp(16px,1.4vw,20px);font-weight:600;margin:auto}.home-main .projects-section .projects-header p{border:2px solid var(--accent-color);border-radius:10px;margin-left:auto;padding:10px}.home-main .projects-section .projects-button{display:flex;justify-content:center;margin-top:20px;width:100%}@media screen and (max-width:1400px){.home-main .projects-section{padding:20px 0}.home-main .projects-section .projects-header{padding-inline:clamp(20px,10%,80px)}}.home-main .about-section{box-sizing:border-box;max-height:-webkit-fit-content;max-height:fit-content;min-height:100px;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:10px;width:100%}.home-main .about-section .button-container{display:flex;justify-content:center;margin-top:30px;margin-inline:auto;max-width:1440px;width:100%}.home-main .about-section .about-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:100%;width:100%}.home-main .about-section .about-header h2{color:var(--accent-color);font-size:clamp(28px,2.4vw,40px);font-weight:400;margin-inline:20px;text-align:center}.home-main .about-section .about-header hr{background-color:var(--accent-color);border:1px solid var(--accent-color);flex:1 1;height:1px}.home-main .about-section .about-container{color:var(--accent-color);display:flex;font-size:clamp(14px,1.3vw,20px);justify-content:space-around;margin:auto;max-width:1440px;width:100%}.home-main .about-section .about-container .grid-child{display:flex;flex-direction:column;margin-top:20px;max-height:700px;padding:15px;padding-inline:5%;width:100%}.home-main .about-section .about-container .grid-child p{line-height:1.5;margin:0;width:100%}.home-main .about-section .about-container .images{display:flex;justify-content:space-between;overflow:hidden}.home-main .about-section .about-container .images img{aspect-ratio:4/3;border-radius:10px;box-shadow:0 0 5px #b8b8b8;object-fit:cover;width:100%}@media screen and (max-width:780px){.home-main .about-section .about-container{flex-wrap:wrap;text-align:center}}.home-main .contact-section{box-sizing:border-box;max-height:-webkit-fit-content;max-height:fit-content;min-height:100px;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:10px;width:100%}.home-main .contact-section .contact-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px;max-width:100%;width:100%}.home-main .contact-section .contact-header h2{color:var(--accent-color);font-size:clamp(28px,2.4vw,40px);font-weight:400;margin-inline:20px;text-align:center}.home-main .contact-section .contact-header hr{background-color:var(--accent-color);border:1px solid var(--accent-color);flex:1 1;height:1px}.banner-main{align-items:center;gap:20px;margin:auto;max-width:1440px;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:20px;padding-top:20px;width:100%}.banner-main,.banner-main .banner-content{box-sizing:border-box;display:flex;justify-content:center}.banner-main .banner-content{color:var(--text-color);flex-direction:column}.banner-main .banner-content h1{font-size:clamp(1.5rem,3vw,45px);font-weight:300;margin-bottom:10px;margin-top:0}.banner-main .banner-content h1 span{color:var(--accent-color);font-weight:500}.banner-main .banner-content p{font-size:clamp(1rem,1.4vw,26px);line-height:1.3;margin-top:10px;max-width:700px}.banner-main .banner-content .links-banner{display:flex;flex-wrap:wrap;gap:8px;width:100%}.banner-main .banner-content .links-banner a{align-items:center;border:1px solid var(--accent-color);border-radius:10px;color:var(--accent-color);display:flex;font-weight:500;justify-content:center;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out}.banner-main .banner-content .links-banner a:hover{background-color:var(--accent-color);color:var(--background-color)}@media screen and (max-width:1150px){.banner-main{flex-direction:column-reverse}.banner-main .banner-content{margin-top:20px;text-align:center}.banner-main .banner-content .btn-container{justify-content:center;margin:auto}}.grid-tiles-main{grid-gap:10px;align-self:center;aspect-ratio:1/1;display:grid;gap:10px;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);position:relative;width:clamp(300px,28vw,450px)}.grid-tiles-main .image-container{background-color:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color);opacity:.3}.grid-tiles-main .image-container,.grid-tiles-main img{border-radius:50%;height:80%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.grid-tiles-main img{opacity:1}.grid-tiles-main .box-item{background-color:var(--accent-color);border-radius:20%;height:100%;margin:auto;width:100%}.grid-tiles-main .box-item.odd{animation:box-glow 2s ease-in-out infinite}.grid-tiles-main .box-item.even{animation:box-glow 3s ease-in-out infinite}@keyframes box-glow{0%{height:100%;width:100%}50%{height:70%;width:70%}to{height:100%;width:100%}}.grid-tiles-main .box-item:nth-child(9n+1),.grid-tiles-main .box-item:nth-child(9n+9){opacity:.05}.grid-tiles-main .box-item:nth-child(9n+2),.grid-tiles-main .box-item:nth-child(9n+8){opacity:.2}.grid-tiles-main .box-item:nth-child(9n+3),.grid-tiles-main .box-item:nth-child(9n+7){opacity:.4}.grid-tiles-main .box-item:nth-child(9n+4),.grid-tiles-main .box-item:nth-child(9n+6){opacity:.7}.grid-tiles-main .box-item:nth-child(9n+5){opacity:1}.skills-container{flex-wrap:wrap;gap:15px;height:100%;margin:auto;max-width:1440px}.skills-container,.skills-container .skill-icon{align-items:center;display:flex;justify-content:center}.skills-container .skill-icon{aspect-ratio:1/1;background-color:var(--background-color);border:4px solid var(--primary-color);border-radius:50%;padding:5px;position:relative;transition:all .3s ease-in-out;width:clamp(60px,5.5vw,90px);z-index:1}.skills-container .skill-icon p{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:10px;bottom:110%;color:var(--accent-color);font-size:1rem;font-weight:700;margin:0;opacity:0;padding:10px;position:absolute;transition:.2s ease-in-out;z-index:9999}.skills-container .skill-icon .icon{color:var(--primary-color);height:70%;width:70%;z-index:1}.skills-container .skill-icon:hover{scale:1.1}.skills-container .skill-icon:hover p{opacity:1}.skills-container .skill-icon:hover .icon{color:var(--accent-color)}.tech-icon{align-items:center;border:3px solid var(--primary-color);border-radius:50%;display:flex;justify-content:center;padding:5px;position:relative;transition:all .3s ease-in-out;width:clamp(60px,5.5vw,90px)}.tech-icon,.tech-icon p{background-color:var(--background-color)}.tech-icon p{border:2px solid var(--primary-color);border-radius:10px;bottom:110%;color:var(--accent-color);font-size:1rem;font-weight:700;margin:0;opacity:0;padding:10px;position:absolute;transition:.2s ease-in-out;z-index:1}.tech-icon .icon{color:var(--primary-color);height:70%;width:70%}.tech-icon:hover{scale:1.1}.tech-icon:hover p{opacity:1}.button-common,.tech-icon:hover .icon{color:var(--accent-color)}.button-common{background:#0000;border:1px solid var(--accent-color);border-radius:10px;cursor:pointer;font-size:1rem;padding:8px 15px;transition:all .2s ease-in-out}.button-common:hover{background-color:var(--accent-color);color:var(--background-color)}.projects-container{background-clip:content-box;box-sizing:border-box;display:flex;gap:25px;justify-content:center;margin:auto;max-width:1440px;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-snap-type:x mandatory;width:100%}.projects-container .project-card{border-radius:15px;box-shadow:0 0 5px #b8b8b8;box-sizing:border-box;display:flex;flex:0 0 clamp(330px,29%,400px);flex-direction:column;gap:10px;height:450px;margin:5px;min-height:-webkit-fit-content;min-height:fit-content;overflow:hidden;padding:15px 20px;scroll-snap-align:start;transition:all .3s ease-in-out}.projects-container .project-card img{aspect-ratio:16/9;border:1px solid var(--accent-color);border-radius:8px;margin-inline:auto;width:100%}.projects-container .project-card p{color:var(--accent-color)}.projects-container .project-card .card-body{display:flex;flex:1 1;flex-direction:column;width:100%}.projects-container .project-card .project-title{font-size:14px;margin-bottom:5px;margin-top:0}.projects-container .project-card .project-desc{border-top:2px solid var(--accent-color);color:var(--text-color);flex:1 1;font-size:15px;font-weight:400;line-height:1.3;margin-bottom:8px;margin-top:5px;-webkit-mask-image:linear-gradient(180deg,#000 50%,#0000 95%);mask-image:linear-gradient(180deg,#000 50%,#0000 95%);overflow:hidden;padding-top:8px}.projects-container .project-card .read-more-btn{background:#0000;border:1px solid var(--accent-color);border-radius:10px;color:var(--accent-color);cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:20px;margin-top:auto;margin-inline:auto;padding:5px;text-align:center;text-decoration:none;transition:all .2s ease-in-out;width:50%}.projects-container .project-card .read-more-btn:hover{background-color:var(--accent-color);color:var(--background-color)}.projects-container .project-card:hover{transform:scale(1.02)}.projects-container::-webkit-scrollbar{height:5px}.projects-container::-webkit-scrollbar-track{background:var(--primary-color)}.projects-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}@media screen and (max-width:1400px){.projects-container{padding:0 30px 10px;scroll-padding:0 30px}}@media screen and (max-width:1150px){.projects-container{justify-content:flex-start}}.cta-section{border-top:1px solid var(--accent-color);box-sizing:border-box;padding-inline:clamp(20px,10%,80px);padding-bottom:80px;padding-top:60px}.cta-section,.cta-section .cta-container{display:flex;flex-direction:column;justify-content:center;width:100%}.cta-section .cta-container{align-items:center;gap:10px;margin:auto;max-width:1440px}.cta-section .cta-container h2{color:var(--accent-color);font-size:clamp(2rem,3vw,45px);justify-self:center;margin:0 auto 10px;text-align:center;text-transform:uppercase}.cta-section .cta-container p{color:var(--text-color);font-size:1rem;font-size:clamp(1.2rem,1.2vw,24px);justify-self:center;margin:0 auto 10px;text-align:center}.cta-section .cta-container a{align-items:center;border:1px solid var(--accent-color);border-radius:10px;color:var(--accent-color);display:flex;font-size:clamp(1.2rem,1.2vw,24px);font-weight:500;justify-content:center;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out}.cta-section .cta-container a:hover{background-color:var(--accent-color);color:var(--background-color)}.about-main{align-items:center}.about-main,.about-main .journey-section{display:flex;flex-direction:column;width:100%}.about-main .journey-section{border-bottom:1px solid var(--secondary-color);box-sizing:border-box;height:auto;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:15px}.about-main .journey-section .journey-list{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:auto}.about-main .section-header{align-items:center;display:flex;flex-direction:row;margin-inline:auto;margin-bottom:20px;min-height:-webkit-fit-content;min-height:fit-content;width:100%}.about-main .section-header hr{background-color:var(--accent-color);border:var(--accent-color);height:2px;margin:auto;width:100%}.about-main .section-header h2{border:1.5px solid var(--accent-color);border-radius:10px;color:var(--accent-color);font-size:clamp(1rem,1vw,1.5rem);font-weight:400;margin-inline:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:5px 10px;text-align:center}.about-main .about-section{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:1440px;padding-inline:clamp(20px,10%,80px);padding-bottom:60px;padding-top:10px;width:100%}.about-main .about-section hr{background-color:var(--accent-color);border:1px solid var(--accent-color);height:1px;width:100%}.about-main .about-section .about-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:100%;width:100%}.about-main .about-section .about-header h2{color:var(--accent-color);font-size:clamp(16px,2.4vw,24px);font-weight:400;margin-inline:20px;text-align:center}.about-main .about-section .about-header hr{background-color:var(--accent-color);border:.5px solid var(--accent-color);flex:1 1;height:0}.about-main .about-section .child-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px;margin-top:10px;width:100%}.about-main .about-section .about-content{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:250px}.about-main .about-section .about-content.education-content{flex:1 1;height:-webkit-fit-content;height:fit-content}.about-main .about-section .education-container{border-radius:8px;box-shadow:0 0 5px #b8b8b8;box-sizing:border-box;flex:1 1;gap:5px;padding:6px 20px;width:100%}.about-main .about-section .education-container p{color:var(--text-color);display:flex;flex-direction:column;line-height:1.5}.about-main .about-section .education-container p span{color:var(--accent-color);font-weight:600;margin-left:5px}.about-main .about-section .education-container .affiliations{border-bottom:1px solid var(--accent-color);color:var(--accent-color);font-weight:600;margin-top:4px;padding-bottom:4px;text-align:center}.about-main .about-section .education-container .achievements-item{display:flex;flex-direction:column}.about-main .about-section .experience-container{border-radius:8px;box-shadow:0 0 5px #b8b8b8;box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;padding:15px;width:100%}.about-main .about-section .experience-container .description{line-height:1.5;margin:5px 0 10px;text-align:justify;white-space:pre-line}.about-main .about-section .experience-container .experience-item{color:var(--accent-color);font-weight:600;margin:0 0 6px;text-transform:uppercase}.about-main .about-section .experience-container .skills-tags{display:flex;flex-wrap:wrap;gap:5px;width:100%}.about-main .about-section .experience-container .skills-tags .tag{border:1px solid var(--accent-color);border-radius:5px;color:var(--accent-color);margin:3px;padding:6px 10px}.about-main .about-section .passion-container{border-radius:8px;color:var(--text-color);display:flex;flex-wrap:wrap;padding:15px;width:100%}.about-main .about-section .passion-container .description{font-size:clamp(1rem,1.5vw,1.2rem);margin:5px auto;text-align:center}.about-main .about-section .passion-container .passion-item-container{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;width:100%}.about-main .about-section .passion-container .passion-item-container .passion-item{border:1px solid var(--accent-color);border-radius:5px;color:var(--accent-color);margin:3px;padding:6px 10px}.about-main .about-section .learning-container{border-radius:8px;color:var(--text-color);display:flex;flex-direction:column;padding:15px;width:100%}.about-main .about-section .learning-container .quote{color:var(--accent-color);display:flex;flex-direction:column;font-size:clamp(1.4rem,1.5vw,40px);font-style:italic;font-weight:600;gap:5px;margin:0 auto;text-align:center}.about-main .about-section .learning-container .quote span{color:rgba(159,45,0,.786);font-size:16px;font-style:normal;font-weight:400;padding:5px 10px}.about-main .about-section .learning-container .description{font-size:clamp(1rem,1.5vw,1.2rem);margin:5px auto;text-align:center}.about-main .about-section #education,.about-main .about-section #experiencem,.about-main .about-section #learning,.about-main .about-section #passion{scroll-margin-top:100px}.about-banner{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:50px;justify-content:center;max-width:1440px;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:60px;width:100%}.about-banner .banner-content{min-width:250px;width:50%}.about-banner .banner-content p{color:var(--text-color);font-size:clamp(16px,1.5vw,18px)}.about-banner .banner-content h1{color:var(--accent-color);font-size:clamp(1.8rem,3vw,45px);font-weight:500;margin-bottom:10px;margin-top:0}.about-banner .banner-content hr{border:2px solid var(--accent-color)}.about-banner .banner-content .links-banner,.about-banner .banner-content .tags-banner{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;width:100%}.about-banner .banner-content .links-banner p,.about-banner .banner-content .tags-banner p{border:1px solid var(--accent-color);border-radius:10px;color:var(--accent-color);margin:0;opacity:.5;padding:5px 10px}.about-banner .banner-content .links-banner a,.about-banner .banner-content .tags-banner a{align-items:center;border:1px solid var(--accent-color);border-radius:10px;color:var(--accent-color);display:flex;font-weight:500;justify-content:center;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out}.about-banner .banner-content .links-banner a:hover,.about-banner .banner-content .tags-banner a:hover{background-color:var(--accent-color);color:var(--background-color)}@media screen and (max-width:740px){.about-banner{flex-direction:column-reverse}.about-banner .banner-content{text-align:center;width:100%}}.journey-item{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:10px;box-sizing:border-box;display:flex;min-width:200px;padding:10px 15px;text-decoration:none;transition:all .2s ease-in-out}.journey-item:hover{border:2px solid var(--accent-color)}.journey-item p{color:var(--accent-color);font-size:20px;font-weight:600;margin:auto;text-transform:uppercase}.projects-main{flex-direction:column;padding-top:80px}.projects-main,.projects-main .projects-banner{align-items:center;display:flex;justify-content:center;width:100%}.projects-main .projects-banner{height:60vh;margin-bottom:40px;max-height:-webkit-fit-content;max-height:fit-content;max-width:1440px;position:relative}.projects-main .projects-banner .grid-container{filter:blur(5px);opacity:.3}.projects-main .projects-banner .overlay{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:20px;padding-top:20px;position:absolute;text-align:center;top:0;width:100%}.projects-main .projects-banner .overlay h1{color:var(--text-color);font-size:clamp(3rem,5vw,75px);font-weight:400;margin-bottom:10px;margin-top:0}.projects-main .projects-banner .overlay p{color:var(--text-color);font-size:clamp(1rem,1.4vw,30px);margin-top:0;width:70%}.projects-main .projects-section{box-sizing:border-box;display:flex;flex-direction:column;gap:40px;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:10px;width:100%}@media screen and (max-width:1100px){.projects-main .projects-section{padding-inline:clamp(20px,2vw,15px)}}.project-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff0;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 0 5px #b8b8b8;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:13px;height:-webkit-fit-content;height:fit-content;margin:auto;max-width:1440px;padding:10px;width:100%}.project-container .project-img{border:1px solid var(--accent-color);border-radius:5px;flex:1 0 300px;min-height:300px;min-width:250px;overflow:hidden}.project-container .project-img img{height:100%;object-fit:cover;width:100%}.project-container .project-info{border:1.5px solid var(--accent-color);border-radius:5px;box-sizing:border-box;display:flex;flex:1 1 400px;flex-direction:column;gap:0;min-height:200px;min-width:250px;padding-inline:15px}.project-container .project-info .project-title{border-bottom:1px solid #854616;box-sizing:border-box;color:var(--accent-color);font-size:clamp(.75rem,1.3vw,1rem);font-weight:600;margin-top:0;padding:6px 3px;width:100%}.project-container .project-info .description-container{flex:1 1;overflow-y:scroll;width:100%}.project-container .project-info .description-container::-webkit-scrollbar{width:3px}.project-container .project-info .description-container::-webkit-scrollbar-track{background:var(--primary-color);border-radius:10px}.project-container .project-info .description-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.project-container .project-info .description-container .description{box-sizing:border-box;color:var(--text-color);font-size:clamp(12px,1.3vw,14px);font-weight:400;height:-webkit-fit-content;height:fit-content;line-height:1.5;margin:0;opacity:.8;padding:0 10px 0 3px;width:100%}.project-container .project-info .button-container{box-sizing:border-box;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;margin-top:auto;padding:10px 3px;width:100%}.project-container .project-info .button-container a{align-items:center;border:1.5px solid var(--accent-color);border-radius:6px;color:var(--accent-color);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:10px;margin:0;padding:5px 10px;transition:all .1s ease-in-out;width:-webkit-fit-content;width:fit-content}.project-container .project-info .button-container a:hover{background-color:var(--accent-color);color:var(--background-color)}.project-container .project-info .button-container a .icon{font-size:clamp(10px,1.3vw,16px)}.project-container .project-tech{border:1.5px solid var(--accent-color);border-radius:5px;box-sizing:border-box;display:flex;flex:1 0 150px;flex-direction:column;min-height:100px;padding-inline:10px;padding-bottom:10px}.project-container .project-tech .tech-used{border:1.5px solid var(--accent-color);border-radius:10px;box-sizing:border-box;color:var(--accent-color);font-size:12px;font-weight:600;margin-top:8px;margin-inline:auto;padding:5px 10px;text-align:center;width:100%}.project-container .project-tech .tech-container{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px;margin-inline:auto;padding-inline:8px;width:100%}.project-tech-icon{align-items:center;border:none;border-radius:50%;display:flex;justify-content:center;position:relative;transition:all .3s ease-in-out;width:clamp(60px,5.5vw,90px)}.project-tech-icon,.project-tech-icon p{background-color:var(--background-color)}.project-tech-icon p{border:1.5px solid var(--primary-color);border-radius:6px;bottom:110%;color:var(--accent-color);font-size:10px;font-weight:700;margin:0;opacity:0;padding:5px 8px;position:absolute;transition:.2s ease-in-out;z-index:1}.project-tech-icon .icon{color:var(--primary-color);height:100%;width:100%}.project-tech-icon:hover{scale:1.1}.project-tech-icon:hover p{opacity:1}.project-tech-icon:hover .icon{color:var(--accent-color)}.resume-main{height:auto;padding-top:80px}.resume-main,.resume-main .resume-section{display:flex;flex-direction:column;width:100%}.resume-main .resume-section{box-sizing:border-box;min-height:300px;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:35px}.resume-main .resume-section .resume-container{border-bottom:1px solid var(--accent-color);display:flex;flex-direction:column;gap:20px;margin-inline:auto;max-width:1440px;padding-bottom:40px;padding-top:20px;width:100%}.resume-main .resume-section .resume-container .container-child{display:flex;flex-wrap:wrap;gap:20px;width:100%}.resume-main .resume-section .resume-container .container-child .experience-block{border-bottom:1px solid rgba(128,65,2,.759);display:flex;flex:2 1;flex-direction:column;gap:10px;min-width:250px;padding-bottom:15px}.resume-main .resume-section .resume-container .container-child .experience-block .experience-item{display:flex;flex-direction:column;gap:5px;width:100%}.resume-main .resume-section .resume-container .container-child .experience-block .experience-item .date,.resume-main .resume-section .resume-container .container-child .experience-block .experience-item .role{color:var(--accent-color);font-size:clamp(1rem,1.3vw,20px);font-weight:500}.resume-main .resume-section .resume-container .container-child .experience-block .experience-item ul{margin:0 0 0 40px;padding:0}.resume-main .resume-section .resume-container .container-child .experience-block .experience-item li{color:var(--text-color);line-height:1.5}.resume-main .resume-section .resume-container .container-child .experience-block .experience-item .date{opacity:.7}.resume-main .resume-section .resume-container .container-child .experience-block .experience-item p{margin:0}.resume-main .resume-section .resume-container .container-child .technical-block{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:230px}.resume-main .resume-section .resume-container .container-child .technical-block ul{list-style:none;margin:0 0 0 10px;padding:0}.resume-main .resume-section .resume-container .container-child .technical-block li{color:var(--text-color);line-height:1.5}.resume-main .resume-section .resume-container .container-child .technical-block li span{color:var(--accent-color);font-weight:500}.resume-main .resume-section .resume-container h2{color:var(--accent-color);font-size:clamp(1.4rem,2vw,26px);margin:0}.resume-main .resume-section .resume-container .body{color:var(--text-color);font-size:clamp(1rem,1.3vw,20px);line-height:1.5;margin:0}.resume-main .resume-section .resume-container .body span{color:var(--accent-color)}.resume-main .banner{box-sizing:border-box;min-height:300px;overflow:hidden;padding-inline:clamp(20px,10%,80px);padding-bottom:10px;padding-top:50px;width:100%}.resume-main .banner .banner-container{border-bottom:1px solid var(--accent-color);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-inline:auto;max-width:1440px;padding-bottom:40px;width:100%}.resume-main .banner .banner-container .profile-container{display:flex;flex-wrap:wrap;gap:25px}.resume-main .banner .banner-container .profile-container p{color:var(--text-color);font-size:clamp(1.6rem,1.3vw,40px);font-weight:600;margin:0 0 10px}.resume-main .banner .banner-container .profile-container .info{align-items:center;border-radius:5px;box-sizing:border-box;color:var(--accent-color);display:flex;flex:1 1 200px;font-size:clamp(.8rem,1.3vw,14px);font-weight:300;gap:5px;margin:0;max-height:-webkit-fit-content;max-height:fit-content;max-width:220px;min-width:180px;opacity:.8;text-decoration:none}.resume-main .banner .banner-container .profile-container h1{color:var(--accent-color);font-size:clamp(1.6rem,1.3vw,40px);font-weight:400;margin:0}.resume-main .banner .banner-container .profile-container .image-container{aspect-ratio:1/1;border-bottom:2px solid var(--accent-color);border-left:2px solid var(--accent-color);flex:1 1 300px;max-width:300px;min-width:100px;overflow:hidden}.resume-main .banner .banner-container .profile-container .image-container img{display:block;height:100%;object-fit:cover;width:100%}.resume-main .banner .banner-container .profile-container .details{display:flex;flex:1 1 300px;flex-direction:column;gap:5px;justify-content:flex-end;max-width:-webkit-fit-content;max-width:fit-content;min-width:180px}.resume-main .banner .banner-container .button-container{align-self:flex-end;border-left:2px solid var(--accent-color);box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:0 20px;width:-webkit-fit-content;width:fit-content}.resume-main .banner .banner-container .button-container a{border:1px solid var(--accent-color);border-radius:10px;color:var(--accent-color);cursor:pointer;font-size:clamp(.8rem,1.3vw,16px);line-height:1.5;padding:5px 10px;text-decoration:none;transition:all .1s ease-in-out}.resume-main .banner .banner-container .button-container a:hover{background-color:var(--accent-color);color:var(--background-color)}.contact-main{align-items:center;overflow:hidden;padding-top:80px}.contact-main,.contact-main .contact-section{display:flex;flex-direction:column;width:100%}.contact-main .contact-section{border-bottom:2px solid var(--accent-color);box-sizing:border-box;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:15px}.contact-main .contact-section .banner{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;margin:auto;max-height:-webkit-fit-content;max-height:fit-content;min-height:-webkit-fit-content;min-height:fit-content;padding-bottom:80px;width:100%}.contact-main .contact-section .banner h1{color:var(--accent-color);font-size:clamp(2.5rem,5vw,80px);font-weight:500;margin-bottom:5px;margin-top:10px;margin-inline:auto;text-align:center}.contact-main .contact-section .banner .banner-body{color:var(--text-color);font-size:clamp(.9rem,1.2vw,20px);font-weight:500;margin-bottom:10px;margin-top:5px;margin-inline:auto;max-width:700px;text-align:center}.contact-main .contact-section .banner .contact-list{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center;margin-top:30px}.contact-main .contact-section.second{border-bottom:none;height:auto}a{text-decoration:none}.contact-card{align-items:center;border:1px solid var(--accent-color);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:row;gap:10px;justify-content:center;min-width:230px;padding:10px 15px;transition:all .2s ease-in-out}.contact-card a{text-decoration:none}.contact-card .text{width:100%}.contact-card .text p{color:var(--accent-color);margin-bottom:0;margin-top:0;margin-inline:auto;text-align:left}.contact-card .text .card-title{font-size:clamp(.5rem,1vw,1rem);font-weight:700}.contact-card .text .address{border-radius:10px;font-size:clamp(.7rem,1vw,1rem);margin-top:5px;margin-inline:auto}@media screen and (max-width:510px){.contact-card{justify-content:left;min-width:120px}.contact-card .text .card-title{width:100%}.contact-card .text .address{display:none}}.contact-card:hover{scale:1.02}.contact-form{align-items:center;align-self:center;background-color:var(--background-color);border:2px solid var(--accent-color);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-inline:auto;max-width:1200px;padding:clamp(15px,10%,30px);position:relative;width:100%}.contact-form h2{color:var(--accent-color);justify-self:center;margin:0 auto 10px}.contact-form p{color:var(--text-color);font-size:.8rem;justify-self:center;margin-bottom:30px}.contact-form .form-grid{grid-gap:30px;border-bottom:1px solid var(--accent-color);display:grid;gap:30px;grid-template-columns:1fr 1fr;padding-bottom:25px;width:100%}@media screen and (max-width:660px){.contact-form .form-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.contact-form .form-grid .form-child{display:flex;flex-direction:column}.contact-form .form-grid .form-child label{color:var(--accent-color);font-size:.8rem;font-weight:600;opacity:.6}.contact-form .form-grid .form-child input,.contact-form .form-grid .form-child textarea{background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:10px;color:var(--text-color);flex:1 1;margin-top:10px;padding:10px}.contact-form .form-grid .form-child .first-item{margin-bottom:30px}.contact-form .form-grid .form-child textarea{height:100%}.contact-form .submit-btn{background-color:var(--accent-color);border:2px solid var(--accent-color);border-radius:10px;color:var(--background-color);font-size:1rem;margin-inline:auto;margin-top:30px;padding:8px 10px}.project-details-main{padding-top:80px}.project-details-main,.project-details-main .not-found{align-items:center;display:flex;flex-direction:column;width:100%}.project-details-main .not-found{color:var(--accent-color);gap:15px;justify-content:center;min-height:40vh}.project-details-main .not-found a{color:var(--accent-color)}.project-details-main .project-hero{height:50vh;margin-bottom:40px;max-width:1440px;min-height:320px;overflow:hidden;position:relative;width:100%}.project-details-main .project-hero .hero-image{filter:brightness(.35);height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.project-details-main .project-hero .overlay{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;inset:0;justify-content:center;padding-inline:clamp(20px,10%,80px);position:absolute;text-align:center}.project-details-main .project-hero .overlay h1{color:#eee;font-size:clamp(2rem,4vw,60px);font-weight:500;margin:0}.project-details-main .project-hero .overlay .hero-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.project-details-main .project-hero .overlay .hero-links a{align-items:center;border:1.5px solid var(--accent-color);border-radius:10px;color:#eee;display:flex;font-weight:500;gap:8px;padding:8px 18px;text-decoration:none;transition:all .2s ease-in-out}.project-details-main .project-hero .overlay .hero-links a:hover{background-color:var(--accent-color);color:var(--background-color)}.project-details-main .project-hero .overlay .hero-links a .icon{font-size:16px}.project-details-main .details-section{box-sizing:border-box;max-width:1440px;padding-inline:clamp(20px,10%,80px);padding-bottom:35px;padding-top:10px;width:100%}.project-details-main .details-section .section-header{align-items:center;display:flex;flex-direction:row;margin-inline:auto;margin-bottom:20px;width:100%}.project-details-main .details-section .section-header hr{background-color:var(--accent-color);border:1px solid var(--accent-color);flex:1 1;height:1px;margin:auto}.project-details-main .details-section .section-header h2{color:var(--accent-color);font-size:clamp(28px,2.4vw,40px);font-weight:400;margin-inline:20px;min-width:-webkit-fit-content;min-width:fit-content;text-align:center}.project-details-main .details-section .section-header.pill h2{border:1.5px solid var(--accent-color);border-radius:10px;font-size:clamp(1rem,1vw,1.5rem);padding:5px 10px}.project-details-main .details-section p{color:var(--text-color);font-size:clamp(14px,1.3vw,18px);line-height:1.6;margin:0}.project-details-main .details-section .tech-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.project-details-main .details-section .features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-details-main .details-section .problems-list{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:20px}.project-details-main .details-section .problems-list li{color:var(--text-color);font-size:clamp(14px,1.3vw,18px);line-height:1.6}.project-details-main .details-section .problems-list li::marker{color:var(--accent-color)}.project-details-main .details-section .gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-details-main .details-section .gallery-grid img{aspect-ratio:16/9;border-radius:10px;box-shadow:0 0 5px #b8b8b8;cursor:pointer;object-fit:cover;transition:transform .2s ease-in-out;width:100%}.project-details-main .details-section .gallery-grid img:hover{transform:scale(1.03)}.feature-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff0;border:1.5px solid var(--accent-color);border-radius:10px;box-sizing:border-box;padding:18px 20px;transition:all .2s ease-in-out;width:100%}.feature-card p{color:var(--text-color);font-size:clamp(14px,1.3vw,16px);line-height:1.5;margin:0}.feature-card:hover{box-shadow:0 0 8px var(--accent-color)}.screenshot-modal{align-items:center;background-color:#000000d9;box-sizing:border-box;display:flex;height:100%;inset:0;justify-content:center;padding:40px;position:fixed;width:100%;z-index:9999}.screenshot-modal .modal-image{border-radius:8px;box-shadow:0 0 20px #00000080;max-height:85vh;max-width:90%;object-fit:contain}.screenshot-modal .close-btn{align-items:center;background:#0000;border:1.5px solid var(--accent-color);border-radius:50%;color:#eee;cursor:pointer;display:flex;font-size:22px;height:45px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease-in-out;width:45px}.screenshot-modal .close-btn:hover{background-color:var(--accent-color);color:var(--background-color)}.screenshot-modal .nav-btn{align-items:center;background:#0000;border:1.5px solid var(--accent-color);border-radius:50%;color:#eee;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:50px}.screenshot-modal .nav-btn.prev{left:20px}.screenshot-modal .nav-btn.next{right:20px}.screenshot-modal .nav-btn:hover{background-color:var(--accent-color);color:var(--background-color)}.screenshot-modal .counter{background:#0006;border-radius:10px;bottom:20px;color:#eee;font-size:14px;font-weight:500;left:50%;margin:0;padding:5px 15px;position:absolute;transform:translateX(-50%)}@media screen and (max-width:600px){.screenshot-modal{padding:15px}.screenshot-modal .nav-btn{font-size:18px;height:40px;width:40px}}
/*# sourceMappingURL=main.e00204a6.css.map*/