.nav__list{display:flex;margin-right:1.5em}.nav__list-item{margin-left:1.5em}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}@media (max-width:600px){.nav__list{align-items:center;background-color:var(--clr-bg-alt);box-shadow:-4px 0 8px #0003;display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;right:0;top:0;transform:translateX(120%);transition:transform .3s ease-in-out;width:40%;z-index:2}.nav__list.show{transform:translateX(15%)}.nav__list-item{margin:1em 0}.app .nav__hamburger{background-color:initial;display:flex;margin-left:.8em;z-index:3}}.header{height:8em;justify-content:space-between;margin:0 auto;max-width:1100px;width:95%}@media (max-width:600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em}.about,.about__header{align-items:center;display:flex}.about__name{color:var(--clr-primary);margin-left:0}.about__headshot{background-color:initial;border-radius:10%;height:64px;margin-right:.5em;margin-top:-1%;transition:transform .3s ease-in-out;width:50px}.about__headshot:hover{transform:scale(8)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;margin-top:3%;max-width:900px;text-align:center}.about__resume{margin-top:2.4em;text-transform:capitalize}.about__socials{margin-top:-.4em}.about .link--icon{display:flex;justify-content:center;margin-left:.3em;margin-right:0}.about .btn--outline{align-items:center;display:flex;justify-content:center;margin-bottom:2.4em;padding:.5em 1em;text-align:center}@media (max-width:1200px){.about__headshot:hover{transform:scale(6)}}@media (max-width:992px){.about__headshot:hover{transform:scale(5)}}@media (max-width:768px){.about__headshot:hover{transform:scale(4)}}@media (max-width:600px){.about{align-items:center}.about__header{flex-direction:row-reverse;justify-content:center}.about__name{margin-left:.5em}.about__headshot{height:auto;margin-right:0;transition:none;width:40%}.about__headshot:hover{transform:none}.about .link--icon{margin:.4em}}@media (max-width:480px){.about__headshot{height:auto;margin-top:-10%;width:40%}.about__header{flex-direction:row-reverse;justify-content:center;margin-top:-10%}.about__name{margin-left:.5em}}.education{align-items:center;display:flex;flex-direction:column;margin-top:3em;text-align:center}.education__title{color:var(--clr-primary);margin-bottom:1em}.education__item{margin-top:1.2em}.education__institution{font-size:1.2rem;font-weight:700}.education__degree{color:var(--clr-secondary);font-size:1rem;margin-top:.5em}.education__description{font-size:.9rem;margin-top:.5em;max-width:800px;white-space:pre-line}@media (max-width:600px){.education{align-items:center;margin-top:2em}}.project{box-shadow:var(--shadow);cursor:pointer;margin:0 auto;padding:2em;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.project:hover{box-shadow:0 10px 20px #0003;transform:translateY(-15px)}.project:active{transform:translateY(-5px)}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;margin:.5em}.project .link--icon{align-items:center;margin-left:.25em;margin-right:.25em}.project h3{color:var(--clr-primary)}.project__status{background:linear-gradient(to right,#0000,var(--clr-primary) 10%,var(--clr-primary) 90%,#0000);display:block;height:1px;margin-top:5px;width:100%}.project__status.in-progress{background:linear-gradient(90deg,#0000,#ffc107 10%,#ffc107 90%,#0000)}.project-links{align-items:center;display:flex;justify-content:center;margin-top:1em}.project-link{margin:.5em .25em}.project-link svg{font-size:2rem}.project-link:hover{transform:scale(1.5);transform:translateY(-5px)}.projects__grid{grid-gap:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:1100px}.project-detail{color:var(--clr-fg);font-family:Arial,sans-serif;margin:auto;max-width:1000px;padding:20px;text-align:center}.project-detail h1{color:var(--clr-primary);margin-bottom:30px;position:relative;text-align:center}.project-detail .status-indicator{align-items:center;display:flex;justify-content:center;margin-bottom:40px;position:relative;width:100%}.project-detail .status-indicator:after,.project-detail .status-indicator:before{content:"";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:43%;z-index:0}.project-detail .status-indicator.completed:before{background:linear-gradient(to left,var(--clr-primary),#0000)}.project-detail .status-indicator.completed:after{background:linear-gradient(to right,var(--clr-primary),#0000)}.project-detail .status-indicator.in-progress:before{background:linear-gradient(270deg,#ffc107,#0000)}.project-detail .status-indicator.in-progress:after{background:linear-gradient(90deg,#ffc107,#0000)}.project-detail .status-indicator:before{left:0}.project-detail .status-indicator:after{right:0}.project-detail .status-text{background-color:initial;border-radius:5px;font-size:1.1em;font-weight:700;padding:0 10px;position:relative;text-transform:uppercase;white-space:nowrap;z-index:1}.project-detail .status-text.completed{color:var(--clr-primary)}.project-detail .status-text.in-progress{color:#ffc107}.project-detail h2{border-bottom:2px solid var(--clr-bg-alt);color:var(--clr-primary);margin-bottom:30px;margin-top:40px;padding-bottom:10px;text-align:center}.project-detail ol,.project-detail p,.project-detail ul{color:var(--clr-fg);font-size:1.05em;line-height:1.6;margin-bottom:15px}.project-detail ol,.project-detail ul{list-style-position:inside;padding-left:0}.project-detail li{margin-bottom:10px}.project-detail a{color:var(--clr-primary);text-decoration:none}.project-detail a:hover{text-decoration:underline}.project-detail .technologies{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}.project-detail .technology-item{background-color:var(--clr-bg-alt);border-radius:5px;box-shadow:var(--shadow);color:var(--clr-fg);margin:5px;padding:10px 15px;transition:transform .3s ease,box-shadow .3s ease}.project-detail .technology-item:hover{box-shadow:0 10px 20px #0003;transform:translateY(-10px)}.project-detail .source-code-link{align-items:center;color:var(--clr-primary);display:inline-flex;font-size:1.2em;margin-top:30px}.project-detail .source-code-link svg{margin-right:8px}.project-link{align-items:center;background:#0000;color:var(--clr-primary);display:inline-flex;font-size:1.2em;margin:.5em;text-decoration:none;transition:color .3s ease,transform .3s ease}.project-link svg{margin-right:8px}.project-link:hover{color:var(--clr-primary-hover);text-decoration:underline;transform:scale(1.2)}@media (max-width:768px){.project-detail .status-indicator:after,.project-detail .status-indicator:before{width:35%}.project-detail .status-text{font-size:1em;padding:0 5px}}@media (max-width:480px){.project-detail .status-indicator:after,.project-detail .status-indicator:before{width:30%}.project-detail .status-text{font-size:.9em;padding:0 3px}}.skills__list{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1050px;width:95%}.skills__list-item{margin:.5em}.contact{align-items:center;background-color:var(--clr-bg-alt);border-radius:10px;box-shadow:var(--shadow);color:var(--clr-fg);display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:60%;padding:40px 20px}.contact .section__title{color:var(--clr-primary);font-size:2em;margin-bottom:20px}.contact .contact__form{display:flex;flex-direction:column;width:100%}.contact .form-group{margin-bottom:1.5em}.contact .form-group label{color:var(--clr-primary);display:block;font-weight:700;margin-bottom:.5em}.contact .form-group input,.contact .form-group textarea{background-color:var(--clr-bg);border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;color:var(--clr-fg);font-size:1em;margin-bottom:10px;padding:.75em;transition:box-shadow .3s;width:100%}.contact .form-group input:focus,.contact .form-group textarea:focus{box-shadow:0 0 8px #007bff40;outline:none}.contact .form-group textarea{height:150px;resize:vertical}.contact .btn{align-self:center;background-color:initial;border:2px solid var(--clr-primary);border-radius:5px;color:var(--clr-primary);cursor:pointer;font-size:1em;font-weight:700;padding:.75em 1.5em;text-transform:uppercase;transition:background-color .3s,color .3s,box-shadow .3s}.contact .btn:hover{background-color:var(--clr-primary);box-shadow:0 4px 8px #0003;color:var(--clr-bg)}.contact .success-message{color:var(--clr-primary);font-weight:700;margin-top:20px;text-align:center}.light{--clr-success:green}.dark{--clr-success:#90ee90}@media (max-width:600px){.contact{max-width:90%}}.footer{margin-top:4em;padding:3em 0;text-align:center}.footer__link{color:var(--clr-fg);font-size:.9rem;font-weight:600}@media (max-width:600px){.footer{margin-top:3em;padding:2em}}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}.scroll-top .link--icon{color:var(--clr-primary)}.scroll-top .link--icon:before{background-color:var(--clr-primary)}.scroll-top .link--icon:focus,.scroll-top .link--icon:hover{color:var(--clr-primary)}.app{background-color:var(--clr-bg);color:var(--clr-fg);font-family:Poppins,sans-serif;line-height:1.5}.light{--clr-bg:#fcfcfc;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#2978b5;--shadow:#64646f33 0px 7px 29px 0px}.dark{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--shadow:#00000029 0px 10px 36px 0px,#0000000f 0px 0px 0px 1px}main{margin:0 auto;max-width:1100px;width:95%}.section{margin-top:5em}.section__title{color:var(--clr-primary);margin-bottom:1em;text-align:center;text-transform:uppercase}.center{align-items:center;display:flex}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:before{background-color:var(--clr-primary);bottom:0;content:"";display:inline;height:.2em;position:absolute;transition:width .2s ease-in;width:0}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:500;text-transform:lowercase}.link--icon,.link--nav{color:var(--clr-fg)}.btn{cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.8em 1.4em;text-transform:capitalize;transition:transform .2s ease-in-out}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);overflow:hidden;position:relative;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .2s ease-in-out;z-index:-1}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{background-color:var(--clr-bg-alt);border:0;box-shadow:0 3px 3px 0 #00000026;text-transform:none}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}}@media (max-width:900px){.scroll-top{display:none}}*{background-color:inherit;border:0;box-shadow:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;margin:0;outline:0;padding:0}html{scroll-behavior:smooth}h1,h2,h3,h4{color:var(--clr-fg-alt);line-height:1.2}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width:900px){h1{font-size:2.6rem}}
/*# sourceMappingURL=main.32e5e0f6.css.map*/