:root{--font-body:"Poppins",sans-serif;--header-height:6em}.body-light{--bg:#fdfdfd;--bg-alt:#fff;--fg:#555;--fg-alt:#333;--primary:#4074a8;--primary-alt:#396897}.body-dark{--bg:#232931;--bg-alt:#282f38;--fg:#f0f0f0;--fg-alt:#fff;--primary:#90adc6;--primary-alt:#799cba}*{border:0;box-shadow:none;box-sizing:border-box;margin:0;padding:0}::-moz-selection{background:var(--primary);color:var(--bg)}::-webkit-selection,::selection{background:var(--primary);color:var(--bg)}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.5;margin:0 auto;max-width:1300px;width:95%}h1,h2,h3,h4{color:var(--fg-alt);line-height:1.2}h1{font-size:6rem}h2{font-size:1.8em}ul{list-style-type:none}button{background-color:inherit;cursor:pointer;font-family:inherit}a{padding:0 0 .12em;position:relative;text-decoration:none}a,a:hover{color:var(--primary)}a:active{color:var(--primary-alt)}a:before{background-color:var(--primary);bottom:0;content:"";display:inline;height:.12em;position:absolute;transition:width .2s linear;width:0}a:hover:before{width:100%}@media (max-width:1380px){h1{font-size:5rem}}@media (max-width:950px){h1{font-size:4rem}}@media (max-width:580px){h2{font-size:1.5rem}}@media (max-width:320px){h1{font-size:3rem}}.contact ul,.hero,footer,header,nav,nav ul{align-items:center;display:flex}header{height:var(--header-height);justify-content:space-between}nav li{font-weight:500;margin:0 .5em}.hero{height:calc(100vh - var(--header-height));justify-content:space-between}.hero h1{display:flex;flex-direction:column;width:50%}.hero-name{color:var(--primary)}.hero-about{width:40%}.hero-about p{font-size:1.3rem}.hero-about button{margin-top:2.2em}section{margin-top:5em}.section-title{margin-bottom:1.5em;padding-top:.5em;text-align:center;text-transform:uppercase}.section-title:after{border-bottom:.15em solid var(--primary);content:"";display:block;margin:.3em auto 0;width:1.5em}.project-grid{grid-gap:2em;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:1100px}.project-container{background-color:var(--bg-alt);border-radius:.5em;box-shadow:0 .5em 2em rgb(0,0,0,.1);padding:2em;text-align:center;transition:transform .1s linear}.project-container:hover{transform:translateY(-.5em)}.project p{margin:1.3em 0}.project-link,.project-skill{display:flex;justify-content:center}.project-skill li{font-size:.8rem;font-weight:700;margin:0 .2em .5em}.contact ul{flex-wrap:wrap;justify-content:center}.contact button{display:block;margin-right:.5em;margin-top:.3em}.contact .icon,.hero .icon{margin-right:.2em}footer{background-color:var(--bg-alt);box-shadow:0 -.1em 1em rgb(0,0,0,.1);flex-direction:column;height:7em;justify-content:center;left:0;margin-top:5em;position:absolute;right:0}footer ul{display:flex}footer small{font-weight:500;margin-top:.5em}.scroll-container{display:flex;justify-content:flex-end}@media (max-width:1380px){.hero-about p{font-size:1.2rem}}@media (max-width:950px){.hero{height:auto;margin-top:6em}.hero-about p{font-size:1.1rem}.scroll-container{display:none}}@media (max-width:580px){nav ul{background-color:var(--bg);display:flex;flex-direction:column;left:0;overflow:hidden;padding:4em 0;position:absolute;right:0;top:5em;transition:width .2s ease-in-out;width:0}nav li{margin:.5em 0}.hero,.hero-about,section{margin-top:2.5em}.hero{flex-direction:column;padding-bottom:1em}.hero-about,.hero h1{width:100%}.project .section-title{margin-bottom:0}.project-grid{-ms-overflow-style:none;grid-auto-columns:18em;grid-auto-flow:column;overflow-x:scroll;padding:2em 0;scrollbar-width:none}.project-grid::-webkit-scrollbar{display:none}.project-container:hover{transform:none}}@media (max-width:320px){.hero-about p{font-size:1rem}}.btn{background-color:var(--primary);border-radius:5em;color:var(--bg);font-weight:600;padding:1em 1.6em;transition:transform .2s ease-in-out}.btn:hover{box-shadow:0 .2em 2em rgb(0,0,0,.2);transform:translateY(-.2em)}.btn:active{box-shadow:none;transform:translateY(.2em)}.icon-border,.icon-normal{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin:.2em;position:relative;z-index:1}.icon-border:hover,.icon-normal:hover{color:var(--bg)}.icon-border:after,.icon-normal:after{background-color:var(--primary);border-radius:50%;content:"";height:0%;position:absolute;transition:all .15s ease-in-out;width:0;z-index:-1}.icon-border:hover:after,.icon-normal:hover:after{border:.2em solid var(--primary);height:100%;width:100%}.icon-normal{color:var(--fg-alt);height:1.6em;width:1.6em}.icon-border{border:.15em solid var(--primary);color:var(--primary);height:2.2em;width:2.2em}.scroll{bottom:3em;font-weight:600;position:fixed;transition:transform .2s ease-in-out}.scroll:hover{transform:translateY(-.3em)}.scroll:active{box-shadow:none;transform:translateY(.3em)}.scroll-down a{color:var(--fg-alt)}.scroll-down a:hover{color:var(--primary)}.scroll-up{display:none}.scroll-up a{background-color:var(--primary);border-radius:50%;color:var(--bg);padding:1em 1.3em}.scroll-up a:hover{box-shadow:0 .2em 3em rgb(0,0,0,.3)}.fa-bars{display:none}.header-title{font-weight:700;text-shadow:0 4px 2px rgba(0,0,0,.2)}.header-title:hover:before,.project-link a:hover:before,.resume:hover:before,.scroll a:hover:before,footer a:hover:before{width:0}nav a{color:var(--fg-alt)}@media (max-width:580px){.fa-bars{display:flex}}
/*# sourceMappingURL=main.css.map*/