*{box-sizing:border-box;margin:0;padding:0;transition:all .3s}html{font-size:62.5%}body{color:#1f2937;color:var(--color-grey--1);font-family:Inter,sans-serif;font-weight:400;line-height:1;overflow-x:hidden!important}.container{container-type:inline-size;margin:0 auto;max-width:120rem;padding:0 3.2rem}.grid{grid-column-gap:6.4rem;grid-row-gap:9.6rem;column-gap:6.4rem;display:grid;row-gap:9.6rem}.grid:not(:last-child){margin-bottom:9.6rem}.grid--2-cols{grid-template-columns:repeat(2,1fr)}.grid--3-cols{grid-template-columns:repeat(3,1fr)}.center-text{text-align:center}.nodisplay{display:none}.heading-primary,.heading-secondary,.heading-tertiary{color:#1f2937;font-weight:700;letter-spacing:-.5px}.heading-primary{font-size:5.2rem;line-height:1.05;margin-bottom:3.2rem}.heading-secondary{font-size:4.4rem;line-height:1.2;margin-bottom:9.6rem}.heading-tertiary{font-size:3rem;line-height:1.2;margin-bottom:3.2rem}.subheading{color:#1e3a8a;color:var(--color-brand--1);display:block;font-size:1.6rem;font-weight:700;letter-spacing:.75px;margin-bottom:1.6rem;text-transform:uppercase}.btn,.btn:link,.btn:visited{border:none;border-radius:9px;cursor:pointer;display:inline-block;font-family:inherit;font-size:2rem;font-weight:600;padding:1.6rem 3.2rem;text-decoration:none;transition:all .3s}.btn--full:link,.btn--full:visited{background-color:#1e3a8a;background-color:var(--color-brand--1);border-radius:40px;color:#fff}.btn--full:active,.btn--full:hover{background-color:#4b61a1;background-color:var(--color-tint--2)}.margin-right-sm{margin-right:1.6rem!important}.margin-bottom-md{margin-bottom:4.8rem!important}:focus{box-shadow:0 0 0 .4rem #4b61a1;box-shadow:0 0 0 .4rem var(--color-tint--2,.5);outline:none}@keyframes animloaderImg{0%{transform:translateY(-1.2rem)}to{transform:translateY(1.2rem)}}:root{--color-light--3:#e9eaeb;--color-usepopcorn:#6741d9;--color-loopstudios:#c69;--color-clipboard:#26baa4;--color-shortly:#2acfcf;--color-fylo:#597197;--color-bookmark:#5368df;--color-spacetourism--light:#0b0d17}.header{align-items:center;background-image:linear-gradient(90deg,#1e3a8a,#a5b0d0);background-image:linear-gradient(to right,var(--color-brand--1),var(--color-tint--1));display:flex;height:7.6rem;justify-content:space-between;padding:0 4.8rem;position:relative}.logo{cursor:pointer;height:9rem;padding:2.2rem 0}.main-nav{margin-left:auto}.main-nav-list{align-items:center;display:flex;gap:3.2rem;list-style:none}.main-nav-link:link,.main-nav-link:visited{color:#e9eaeb;color:var(--color-light--3);display:inline-block;font-size:1.8rem;font-weight:500;text-decoration:none;transition:all .3s}.main-nav-link:active,.main-nav-link:hover{color:#353e4b;color:var(--color-light--2)}.main-nav-link:focus{border-radius:9px;box-shadow:0 0 0 .4rem #4b61a1;box-shadow:0 0 0 .4rem var(--color-tint--2,.5)}.main-nav-btn{background-color:#1e3a8a;background-color:var(--color-brand--1);border-radius:9px;color:#e9eaeb;color:var(--color-light--3);font-size:1.8rem;font-weight:500;margin-right:3.2rem;padding:1.2rem 2.4rem;transition:all .3s}.main-nav-btn:hover{background-color:#4b61a1;background-color:var(--color-tint--2)}.switch{display:inline-block;height:6rem;position:absolute;right:20px;width:3.4rem}.switch input{height:0;opacity:0;width:0}.slider{background-color:#152961;background-color:var(--color-dark--1);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;content:"";height:26px;left:4px;top:4px;width:26px}input:checked+.slider{background-color:#38bdf8;background-color:var(--color-brand--2);box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-brand--2)}input:checked+.slider:before{background-color:#0c1737;background-color:var(--color-dark--2);transform:translateY(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.sticky .header{bottom:0;box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.349);height:8rem;opacity:.9;padding-bottom:0;padding-top:0;position:fixed;top:0;width:100%;z-index:9999}.btn-mobile-nav{background:none;border:none;cursor:pointer;display:none}.mobile-nav-footer{display:none}.nav-icon{color:#1f2937;color:var(--color-grey--1);height:4.8rem;width:4.8rem}.header.nav-open .nav-icon{color:#e9eaeb;color:var(--color-light--3)}.section-hero{margin-bottom:8rem;margin-top:8rem;padding:4.8rem 0 9.6rem}.hero{grid-gap:8rem;align-items:center;display:grid;gap:8rem;grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:150rem;padding:2rem}.hero-text-box h1{margin-bottom:6.4rem}.hero-text-box h3{font-size:3rem}.my-name,.text-programming{color:#4b61a1;color:var(--color-tint--2)}.my-name{font-size:4.2rem}.hero-description{font-size:2rem;line-height:1.6;margin-bottom:9.6rem}.social-links{align-items:center;display:flex;gap:2.4rem;list-style:none}.hero-link:link,.hero-link:visited{color:#1e3a8a;color:var(--color-brand--1);display:inline-block;text-decoration:none;transition:all .3s}.hero-link:active,.hero-link:hover{color:#4b61a1;color:var(--color-tint--2);transform:scale(1.2)}.social-icon{font-size:3.6rem}.hero-img{animation:zoomIn 1s ease forwards;margin-left:5.6rem;overflow:hidden;scale:1.2;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.section-projects{margin-bottom:8rem;padding:9.6rem 0}.projects{grid-gap:3.2rem;display:grid;gap:3.2rem;grid-template-columns:1fr 1fr 1fr}.projects-header{text-align:center}.project{border-radius:8px;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.075);cursor:pointer;transition:all .4s}.project:hover{box-shadow:0 3.2rem 6.4rem #0000000f;transform:translateY(-1.2rem)}.not-finished{cursor:default}.not-finished:hover{transform:none}.project img{border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.text-box{font-size:2rem;line-height:1.6;padding:2.4rem 3.2rem 3.2rem}.project-title{display:block;font-size:3rem;font-weight:500;margin-bottom:3rem;text-align:center}.omnifood .project-title,.omnifood .tech-skill{color:#cf711f}.mapty .project-title,.mapty .tech-skill{color:green}.forkify .project-title,.forkify .tech-skill{color:#ff4500}.usepopcorn .project-title,.usepopcorn .tech-skill{color:#6741d9;color:var(--color-usepopcorn)}.portfolio .project-title,.portfolio .tech-skill{color:#1e3a8a;color:var(--color-brand--1)}.loopstudios .project-title,.loopstudios .tech-skill{color:#c69;color:var(--color-loopstudios)}.clipboard .project-title,.clipboard .tech-skill{color:#26baa4;color:var(--color-clipboard)}.shortly .project-title,.shortly .tech-skill{color:#2acfcf;color:var(--color-shortly)}.fylo .project-title,.fylo .tech-skill{color:#597197;color:var(--color-fylo)}.bookmark .project-title,.bookmark .tech-skill{color:#5368df;color:var(--color-bookmark)}.spacetourism .project-title,.spacetourism .tech-skill{color:#0b0d17;color:var(--color-spacetourism--light)}.omnifood-link:active,.omnifood-link:link{background-color:#e67e22;background-color:var(--color-omnifood--1)}.omnifood-link:active,.omnifood-link:hover{background-color:#cf711f;background-color:var(--color-omnifood--2)}.mapty-link:active,.mapty-link:link{background-color:#00c46a;background-color:var(--color-mapty)}.forkify-link:active,.forkify-link:link{background-color:#ff4500}.usepopcorn-link:link,.usepopcorn-link:visited{background-color:#6741d9;background-color:var(--color-usepopcorn)}.loopstudios-link:link,.loopstudios-link:visited{background-color:#c69;background-color:var(--color-loopstudios)}.clipboard-link:link,.clipboard-link:visited{background-color:#26baa4;background-color:var(--color-clipboard)}.shortly-link:link,.shortly-link:visited{background-color:#2acfcf;background-color:var(--color-shortly)}.fylo-link:link,.fylo-link:visited{background-color:#597197;background-color:var(--color-fylo)}.bookmark-link:link,.bookmark-link:visited{background-color:#5368df;background-color:var(--color-bookmark)}.spacetourism-link:link,.spacetourism-link:visited{background-color:#0b0d17;background-color:var(--color-spacetourism--light)}.project-window{background-color:#fff;border-radius:9px;box-shadow:0 4rem 6rem #00000040;cursor:default;left:50%;padding:5rem 6rem;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .5s;width:100rem;z-index:1000}.project-description--detailed{line-height:1.6}.btn--close-modal{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:3.5rem;position:absolute;right:1.6rem;top:.5rem}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.hidden{opacity:0;visibility:hidden}.project-detailed img{margin-bottom:3.2rem;width:100%}.project-detailed .project-title{font-size:4.2rem}.project-detailed .text-box{font-size:2rem;line-height:1.2;padding:0}.project-window--list{display:flex;flex-direction:column;gap:2rem;margin-bottom:4.8rem}.project-window--list li{list-style:none}.project-window--list span{font-weight:600}.project-link:link,.project-link:visited{border-radius:9px;color:#fff;display:inline-block;font-size:2rem;font-weight:600;padding:1.6rem 3.2rem;text-decoration:none}.section-skills{padding:9.6rem 0}.skills-header{margin-bottom:3rem;text-align:center}.skills-description{color:#626973;color:var(--color-light--1);font-size:2rem}.skills-grid{grid-gap:3.2rem;display:grid;gap:3.2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-top:4.8rem}.skill-card{border:1px solid #e5e7eb;border-radius:9px;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.075);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.skill-card:hover{box-shadow:0 2.4rem 4.8rem #0000000f;transform:scale(1.03)}.skill-card:before{bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.skill-card.programming:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d)}.skill-card.technologies:before{background:linear-gradient(135deg,#22c55e0d,#14b8a60d)}.skill-card.other:before{background:linear-gradient(135deg,#f973160d,#ec48990d)}.skill-card:hover:before{opacity:1}.card-header{align-items:center;display:flex;gap:.75rem;justify-self:center;margin-bottom:2rem;padding-bottom:1rem}.card-icon,.card-title{font-size:2rem}.card-title{color:#1f2937;color:var(--color-grey--1);font-weight:600}.skills-list{gap:3rem;margin-bottom:2rem}.skill-item,.skills-list{display:flex;flex-direction:column}.skill-item{gap:1.2rem}.skill-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.skill-info{flex:1 1}.skill-name{color:#1f2937;color:var(--color-grey--1);font-size:1.4rem;font-weight:500;margin-bottom:1rem}.skill-description{color:#626973;color:var(--color-light--1);font-size:1.2rem}.skill-badge{border-radius:6px;color:#1f2937;color:var(--color-grey--1);font-size:.78rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.progress-bar,.skill-badge{background:#e9eaeb;background:var(--color-light--3)}.progress-bar{border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width 1s ease-out;width:0}.progress-fill,.skill-card.other .progress-fill,.skill-card.technologies .progress-fill{background:linear-gradient(90deg,#38bdf8,#1e3a8a);background:linear-gradient(90deg,var(--color-brand--2),var(--color-brand--1))}.skills-footer{margin-top:3rem;text-align:center}.learning-indicator{align-items:center;background:#0000000d;border-radius:50px;color:#626973;color:var(--color-light--1);display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem}.pulse-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes progressAnimation{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.skill-card.ai-special{border:2px solid #8b5cf633;box-shadow:0 4px 20px #8b5cf61a}.skill-card.ai-special:hover{border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf626;transform:scale(1.05)}.skill-card.ai-special:before{background:linear-gradient(135deg,#7c3aed,#8b5cf6,#3b82f6);opacity:.05}.skill-card.ai-special:after,.skill-card.ai-special:before{content:"";inset:0;pointer-events:none;position:absolute;transition:opacity .5s ease}.skill-card.ai-special:after{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d,#3b82f61a);opacity:0}.skill-card.ai-special:hover:before{opacity:.1}.skill-card.ai-special:hover:after{opacity:1}.ai-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#8b5cf6,#38bdf8);background:linear-gradient(135deg,#7c3aed,#8b5cf6,var(--color-brand--2));-webkit-background-clip:text;background-clip:text;font-weight:600}.ai-badge{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:1px solid #8b5cf633;color:#7c3aed;font-weight:600}.skill-card.ai-special .progress-fill{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#38bdf8);background:linear-gradient(90deg,#8b5cf6,#7c3aed,var(--color-brand--2));border-radius:5px;height:10px}.skill-card.ai-special .progress-bar{border-radius:5px;height:10px}.footer{background-color:#0c1737;background-color:var(--color-dark--2);color:#e9eaeb;color:var(--color-light--3);font-size:1.4rem;padding:4.8rem 0;text-align:center}.footer .subheading,.footer h2,.footer h3{color:#a5b0d0;color:var(--color-tint--1)}.footer h2{margin-bottom:4.8rem}.footer h3{margin:0}.contacts{display:flex;flex-direction:column;gap:2.4rem;margin-bottom:4.8rem}.contacts span{font-size:2rem;font-style:normal}.footer-socials{gap:2.4rem;list-style:none}.footer-socials,.footer-socials li{display:flex;justify-content:center}.footer-socials li{align-items:center;gap:1rem}.footer--social-icon{color:#e9eaeb;color:var(--color-light--3);font-size:2.4rem;transition:all .3s}.footer--social-icon:hover{color:#a5b0d0;color:var(--color-tint--1);transform:scale(1.2)}.footer-link:link,.footer-link:visited{color:#e9eaeb;color:var(--color-light--3);display:inline-block;font-size:2rem;list-style:decimal;text-decoration:none}.footer-link:active,.footer-link:hover{color:#a5b0d0;color:var(--color-tint--1)}.copyright{font-size:1.4rem}:root{--color-omnifood--1:#e67e22;--color-omnifood--2:#cf711f;--color-spacetourism--dark:#d0d6f9;--color-mapty:#00c46a;--color-primary:#38bdf8}.dark-mode{background-color:#0a0a0a;background-color:var(--color-background);transition:all .3s}.dark-mode,.dark-mode .heading-primary,.dark-mode .heading-secondary,.dark-mode .heading-tertiary{color:#e9eaeb;color:var(--color-text-main)}.dark-mode .subheading{color:#38bdf8;color:var(--color-primary);text-shadow:0 0 8px #38bdf8;text-shadow:0 0 8px var(--color-primary)}.dark-mode .btn--full:link,.dark-mode .btn--full:visited,.dark-mode .btn:link{background-color:#38bdf8;background-color:var(--color-primary);box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-primary);color:#1f2937;color:var(--color-grey--1)}.dark-mode .btn--full:active,.dark-mode .btn--full:hover{background-color:#88d7fb;background-color:var(--color-prim-tint--2)}.dark-mode :focus{box-shadow:0 0 0 .4rem #60caf9;box-shadow:0 0 0 .4rem var(--color-prim-tint--1,.5)}.dark-mode .not-finished{background-image:linear-gradient(to right bottom,#60caf9,#227195);background-image:linear-gradient(to right bottom,var(--color-prim-tint--1),var(--color-prim-dark--2))}.dark-mode .loader:after,.dark-mode .loader:before{color:#227195;color:var(--color-prim-dark--2)}.dark-mode .loader:after{background-color:#227195;background-color:var(--color-prim-dark--2)}.dark-mode .header{background-image:#0a0a0a;background-image:var(--color-background)}.dark-mode .main-nav-link:link,.dark-mode .main-nav-link:visited{color:#38bdf8;color:var(--color-primary);text-shadow:0 0 8px #38bdf8;text-shadow:0 0 8px var(--color-primary)}.dark-mode .main-nav-link:active,.dark-mode .main-nav-link:hover{color:#88d7fb;color:var(--color-prim-tint--2)}.dark-mode .main-nav-btn{background-color:#38bdf8;background-color:var(--color-primary);box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-primary);color:#1f2937;color:var(--color-grey--1)}.dark-mode .main-nav-btn:hover{background-color:#88d7fb;background-color:var(--color-prim-tint--2)}.dark-mode.sticky .header{background-image:linear-gradient(90deg,#38bdf8,#227195);background-image:linear-gradient(to right,var(--color-primary),var(--color-prim-dark--2))}.dark-mode.sticky .main-nav-link:link,.dark-mode.sticky .main-nav-link:visited{color:#e9eaeb;color:var(--color-text-main);text-shadow:0 0 8px #e9eaeb;text-shadow:0 0 8px var(--color-text-main)}.dark-mode.sticky .main-nav-btn,.dark-mode.sticky .main-nav-link:active,.dark-mode.sticky .main-nav-link:hover{color:#1f2937;color:var(--color-grey--1)}.dark-mode.sticky .main-nav-btn{background-color:#88d7fb;background-color:var(--color-prim-tint--2);box-shadow:0 0 10px #88d7fb;box-shadow:0 0 10px var(--color-prim-tint--2)}.dark-mode.sticky .main-nav-btn:hover{background-color:#60caf9;background-color:var(--color-prim-tint--1)}.dark-mode.sticky input:checked+.slider{box-shadow:0 0 10px #0a0a0a;box-shadow:0 0 10px var(--color-background)}.dark-mode .nav-icon{color:#e9eaeb;color:var(--color-text-main)}.dark-mode .my-name,.dark-mode .text-programming{color:#38bdf8;color:var(--color-primary);text-shadow:0 0 8px #38bdf8;text-shadow:0 0 8px var(--color-primary)}.dark-mode .hero-link:link,.dark-mode .hero-link:visited{color:#38bdf8;color:var(--color-primary)}.dark-mode .hero-link:active,.dark-mode .hero-link:hover{color:#60caf9;color:var(--color-prim-tint--1)}.dark-mode .hero-img{animation:floatImage 4s ease-in-out infinite;transform:scale(1.4)}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-24px)}to{transform:translateY(0)}}.dark-mode .project,.dark-mode .project:hover{box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-primary)}.dark-mode .omnifood .project-title{text-shadow:0 0 8px #e67e22;text-shadow:0 0 8px var(--color-omnifood--1)}.dark-mode .mapty .project-title{text-shadow:0 0 8px #00c46a;text-shadow:0 0 8px var(--color-mapty)}.dark-mode .forkify .project-title{text-shadow:0 0 8px #ff4500}.dark-mode .usepopcorn .project-title{text-shadow:0 0 8px var(--color-usepopcorn)}.dark-mode .spacetourism .project-title,.dark-mode .spacetourism .tech-skill{color:#d0d6f9;color:var(--color-spacetourism--dark);text-shadow:0 0 8px #d0d6f9;text-shadow:0 0 8px var(--color-spacetourism--dark)}.dark-mode .spacetourism-link:link,.dark-mode .spacetourism-link:visited{background-color:#d0d6f9;background-color:var(--color-spacetourism--dark);color:#0a0a0a;color:var(--color-background)}.dark-mode .project-window{background-color:#0a0a0a;background-color:var(--color-background);box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-primary)}.dark-mode .skill-description,.dark-mode .skills-description{color:#e9eaeb;color:var(--color-text-main)}.dark-mode .skill-card{box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-primary)}.dark-mode .skill-card:hover{box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--color-primary,.075)}.dark-mode .skill-card.programming:before{background:linear-gradient(135deg,#3b82f60d,#9333ea0d)}.dark-mode .skill-card.technologies:before{background:linear-gradient(135deg,#22c55e0d,#14b8a60d)}.dark-mode .skill-card.other:before{background:linear-gradient(135deg,#f973160d,#ec48990d)}.dark-mode .card-title,.dark-mode .skill-name{color:#2d97c6;color:var(--color-prim-dark--1)}.dark-mode .skill-badge{background-color:#227195;background-color:var(--color-prim-dark--2)}.dark-mode .learning-indicator,.dark-mode .skill-badge{color:#e9eaeb;color:var(--color-text-main)}.dark-mode .ai-badge{background:linear-gradient(135deg,#8b5cf62e,#7c3aed2e);border:1px solid #8b5cf647;color:#b184ff;font-weight:600}.dark-mode .footer{color:#e9eaeb;color:var(--color-text-main)}.dark-mode .footer h2{color:#88d7fb;color:var(--color-prim-tint--2)}:root{--color-brand--1:#1e3a8a;--color-brand--2:#38bdf8;--color-tint--1:#a5b0d0;--color-tint--2:#4b61a1;--color-dark--1:#152961;--color-dark--2:#0c1737;--color-light--1:#626973;--color-light--2:#353e4b;--color-light--3:#d6dee0;--color-background:#0a0a0a;--color-prim-tint--1:#60caf9;--color-prim-tint--2:#88d7fb;--color-prim-dark--1:#2d97c6;--color-prim-dark--2:#227195;--color-text-main:#e9eaeb;--color-grey--1:#1f2937}@media (max-width:1280px){.section-hero{margin-top:3.2rem;padding:3.6rem 0 4.8rem}.heading-primary{font-size:4.4rem}.heading-secondary{font-size:3.6rem;margin-bottom:4.8rem}.heading-tertiary{font-size:3rem}.hero{gap:6.4rem}.hero-text-box h1{margin-bottom:5.8rem}.hero-text-box h3{font-size:2.4rem}.my-name{font-size:3rem}.hero-description{font-size:1.6rem;margin-bottom:4.8rem}.hero-img{margin:0;scale:1}.social-icon{font-size:3rem}.project-window{padding:4.8rem 3.2rem;width:60%}.project-detailed .text-box{font-size:1.6rem}.project-link:link,.project-link:visited{font-size:1.8rem}}@media (max-width:1024px){html{font-size:50%}.slider:before{height:18px;left:5px;width:18px}input:checked+.slider:before{transform:translateY(20px)}.section-projects{margin-bottom:4rem;padding:9.6rem 0}.projects{grid-template-columns:1fr 1fr}.project-window{width:60%}.not-finished{display:none}.project-detailed img{margin-bottom:2rem}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-card{padding:2.4rem 4.2rem}}@media (max-width:768px){.switch{margin-right:3.2rem;right:60px}.btn-mobile-nav{display:block;z-index:9999}.main-nav{align-items:center;background-image:linear-gradient(90deg,#1e3a8a,#152961);background-image:linear-gradient(to right,var(--color-brand--1),var(--color-dark--1));box-shadow:2px 0 20px #0000001a;display:flex;flex-direction:column;gap:3px;height:100vh;opacity:0;overflow-y:auto;padding:9.6rem 0;pointer-events:none;position:fixed;right:-350px;top:0;transition:all .5s ease-in-out;visibility:hidden;width:300px;z-index:999}.nav-open .main-nav{opacity:1;pointer-events:auto;right:0;visibility:visible;z-index:9999}.dark-mode.sticky .main-nav{background-image:linear-gradient(to right,var(--color-primary),#227195);background-image:linear-gradient(to right,var(--color-primary),var(--color-prim-dark--2))}.nav-open .nav-icon[name=menu-outline]{display:none}.nav-open .nav-icon[name=close-outline]{display:block}.main-nav-list{flex-direction:column;gap:4.8rem}.main-nav-link:link,.main-nav-link:visited{font-size:3rem}.main-nav-link:hover{color:#a5b0d0;color:var(--color-tint--1)}.main-nav-btn:link,.main-nav-btn:visited{background-color:#38bdf8;background-color:var(--color-brand--2);color:#1f2937;color:var(--color-grey--1)}.main-nav-btn:hover{background-color:#a5b0d0;background-color:var(--color-tint--1)}.mobile-nav-footer{border-top:1px solid #e5e7eb;display:inline-block;margin-top:auto;padding:1.5rem}.portfolio-version{align-items:center;background:#626973;background:var(--color-light--1);border-radius:20px;color:#d6dee0;color:var(--color-light--3);display:inline-flex;font-size:1.2rem;gap:.5rem;padding:.5rem 1rem}.status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.mobile-nav-overlay{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:998}.mobile-nav-overlay.active{opacity:1;visibility:visible}.section-hero{margin-bottom:4.6rem;padding:2.4rem 0 6.4rem}.hero{align-items:center;gap:0;grid-template-columns:1fr;padding:0 3.2rem}.my-name{font-size:3.2rem}.hero-description{font-size:1.6rem}.hero-text-box{display:flex;flex-direction:column}.hero-img{grid-row:1;justify-self:center;margin:0;scale:1;width:50%;z-index:-1}.projects{display:flex;flex-direction:column;gap:6.4rem;height:75rem;overflow-y:scroll;padding:0 10rem}.projects::-webkit-scrollbar{display:none;scroll-behavior:smooth}.project-detailed .text-box{line-height:1.6}.skills-grid{display:flex;flex-direction:column;gap:6.4rem;padding:0 4.8rem}.skills-header{margin-bottom:4.2rem}.learning-indicator{font-size:1.4rem}}@media (max-width:425){.header{padding:0 2.4rem}.heading-primary{font-size:3.6rem}.heading-secondary{font-size:3rem;margin-bottom:4.8rem}.heading-tertiary{font-size:2.4rem}.my-name{font-size:3.6rem}.hero-description{font-size:1.4rem;line-height:1.8}}
/*# sourceMappingURL=main.db955bea.css.map*/