.nav-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-right:1.5em}.nav-list-item{margin-left:1.5em}.nav-list-item .list-number{color:var(--clr-primary);font-size:.8rem;font-weight:700;margin-right:4px}.nav-list-item:hover .list-number{color:var(--clr-primary-alt)}.nav-theme{color:var(--clr-primary);margin-top:.4em}.nav-theme svg{transition:all .3s}.nav-theme svg:before{content:""}.nav-theme svg:after{background-color:var(--clr-primary);border-radius:50%;content:"";height:0;position:absolute;width:0;z-index:-1}.nav-theme svg:hover{color:var(--clr-primary-alt)}.nav-theme svg:hover:after{border:.2em solid var(--clr-primary);height:100%;width:100%}@media(max-width:900px){.nav{min-width:283px}.nav .nav-list{margin-right:1.5em}.nav .nav-theme{margin-right:.5em}}.header{flex-wrap:wrap;height:8em;justify-content:space-between;margin:0 auto;max-width:1100px;width:95%}.header h3{line-height:4;min-width:210px;transition:font-size 1s}.header .brand{color:var(--clr-primary);text-transform:uppercase}.header .brand .inverted{background-color:var(--clr-primary);color:var(--clr-bg);margin-right:10px;padding:10px;transition:background-color .2s}.header .brand:hover .inverted{background-color:var(--clr-primary-alt)}@media(max-width:900px){.header{align-content:center;justify-content:center}.header h3{font-size:1rem}}.about{flex-direction:column;margin-top:3em;min-width:270px}.about h1{transition:font-size 1s}.about .link-icon{margin-right:.8em}.about .btn-outline{margin-right:1em}.about .typed-container{letter-spacing:.25em;text-transform:uppercase}.about .typed-container i{color:red}.about .typed-container i:hover{color:var(--clr-primary-alt)}.about .line-break{background-color:var(--clr-primary);height:4px;margin:40px auto 0;width:100%}.about .line-break:hover{background-color:var(--clr-primary-alt)}.about-name{color:var(--clr-primary);display:block}.about-name .letter{transition:color .2s}.about-name .letter:hover{color:var(--clr-primary-alt)}.about-role{margin-top:5em}.about-role,.about-typed{font-family:Source Sans Pro,sans-serif;font-size:18px;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.about-typed{margin-top:1.2em;text-align:center}.about-desc{font-size:1rem;max-width:600px}.about-contact,.about-desc{margin-top:2.4em}@media only screen and (max-width:900px){.about-name{line-height:60px}}@media(max-width:600px){.about-role,.about-typed{font-size:14px}}.project-container{align-items:center;background-color:var(--clr-bg-alt);border-radius:1em;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin:2em auto;max-width:950px;min-width:295px;padding:2em;text-align:center;width:95%}.project-container:hover img{border-color:var(--clr-primary-alt)}.project-container img{border:solid var(--clr-primary);border-radius:.5em;margin:auto;transition:all .5s;width:30%}.project-container .project-content{background:none;flex-basis:55%}.project-container .project-content h3{font-size:1.2rem}.project-container .project-content p{margin:1.2em 0}.project-container .project-content .project-link,.project-container .project-content .project-skill{display:flex;flex-wrap:wrap;justify-content:center}.project-container .project-content .project-link{margin-top:1.2em}.project-container .project-content .project-link a{color:var(--clr-primary)}.project-container .project-content .project-link a:hover{color:var(--clr-primary-alt)}.project-container .project-content .project-skill{margin:0 auto}.project-container .project-content .project-skill li{background-color:var(--clr-primary);border-radius:5em;color:var(--clr-primary-alt);font-size:.8rem;font-weight:700;margin:.3em .4em;padding:.4em .8em;transition:all .3s}.project-container .project-content .project-skill li:hover{background-color:var(--clr-primary-alt);color:var(--clr-primary)}@media(max-width:900px){.project-container img{min-width:225px;width:40%}.project-container .project-content{flex-basis:48%}.project-container .project-content .project-description{font-size:14px}}@media(max-width:600px){.project-container{flex-direction:column-reverse}.project-container img{width:80%}.project-container .project-content .project-link{margin-bottom:.5em;margin-top:.5em}.project-container .project-content .project-link .link:before{bottom:4px}}.skills-list{flex-wrap:wrap;gap:1em;margin:0 auto;padding:0 60px}.skills-list,.skills-list-item{display:flex;justify-content:center}.skills-list-item{align-items:center;background-color:var(--clr-bg-alt);border-radius:1.5em;box-shadow:var(--shadow);flex-direction:column;font-size:.8rem;font-weight:500;height:10em;overflow:hidden;position:relative;width:10em}.skills-list-item i{font-size:3rem;margin-bottom:.2em}.skills-list-item img{height:65%;padding-bottom:5px}.skills-list-item:before{background-color:var(--clr-primary-alt);border-radius:1.5;bottom:0;content:"";height:6px;left:0;position:absolute;transform:scaleX(0);transition:all .2s linear;width:100%}.skills-list-item:hover:before{transform:scaleX(1)}@media only screen and (max-width:900px){.skills-list{padding:0 20px}}.scroll-top{background-color:#0000;bottom:2em;position:fixed;right:4em}@media(max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.footer{margin-top:4em;padding:3em 0;text-align:center}.footer-link{color:var(--clr-fg);font-size:.9rem;font-weight:600}.fa-heart{color:var(--clr-primary-alt);margin:0 5px}@media(max-width:600px){.footer{margin-top:3em;padding:2em}}.social-hud{align-items:center;background-color:#0000;bottom:0;display:flex;flex-direction:column-reverse;left:40px;position:fixed;right:auto;transform:scaleY(1);transform-origin:bottom;transition:transform .25s;z-index:10}.social-hud .social-list{align-items:center;color:var(--clr-primary);display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.social-hud .social-list .outer-social{cursor:pointer;font-size:20px;padding:5px 10px;position:relative;transition:all .25s}.social-hud .social-list .outer-social .side-text{top:8px}.social-hud .social-list .outer-social:hover{transform:translateY(-5px)}.social-hud .social-list .outer-social:hover .side-text{width:120px}.social-hud .social-list .outer-social .side-text{font-size:16px;font-weight:700;left:50px;overflow:hidden;position:absolute;text-transform:lowercase;top:12px;transition:width .25s;white-space:nowrap;width:0}.social-hud .social-list li:last-of-type{margin-bottom:10px}.social-hud .social-list:after{background-color:var(--clr-primary);content:"";display:block;height:40px;transition:all .25s;width:2px}@media only screen and (max-width:900px){.social-hud{transform:scaleY(0)}}.app{background-color:var(--clr-bg);color:var(--clr-fg);font-family:Poppins,sans-serif;line-height:1.5;-webkit-user-select:none;user-select:none}.light{--clr-bg:#f5f6f7;--clr-bg-alt:#fff;--clr-fg:#444;--clr-fg-alt:#222;--clr-primary:#05386b;--clr-primary-alt:#5cdb95;--shadow:#64646f33 0px 7px 29px 0px}.dark{--clr-bg:#030217;--clr-bg-alt:#161c2954;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#735cdb;--clr-primary-alt:#d3db5c;--shadow:#0000001a 0px 4px 6px -1px,#0000000f 0px 2px 4px -1px}main{margin:0 auto;max-width:1100px;width:95%}.section{margin-top:7em}.section-title{margin-bottom:1em;text-align:center;text-transform:uppercase}.section-title:hover:after{border-color:var(--clr-primary-alt)}.section-title:after{border-bottom:.2em solid var(--clr-primary);content:"";display:block;margin:.3em auto 0;transition:all .3s;width:1.5em}.center{align-items:center;display:flex}.link{padding:0 0 .3em;position:relative}.link,.link:hover{color:var(--clr-primary)}.link:hover:before{width:100%}.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{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:lowercase;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:hover{color:var(--clr-primary-alt)}.btn-outline:hover:before{right:0}.btn-outline:focus{color:var(--clr-primary-alt)}.btn-outline:focus:before{right:0}.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-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}}*{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{font-size:4rem}h1,h2{color:var(--clr-fg-alt);line-height:1.2}h2{font-size:1.6rem}h3{font-size:1.4rem}h3,h4{color:var(--clr-fg-alt);line-height:1.2}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}}@media(max-width:600px){h1{font-size:2.6rem}h2{font-size:1rem}}
/*# sourceMappingURL=main.07e23fff.css.map*/