.body-light{--bg:#f5f6f7;--bg-alt:#fff;--fg:#222;--fg-alt:#3d3b3b;--primary:#387bb7;--primary-alt:#185dc7;--primary-light:rgba(44,93,206,.1);--container-shadow:0 2px 4px rgba(0,0,0,.1)}.body-dark{--bg:#0a073b;--bg-alt:rgba(60,75,107,.33);--fg:#bdbddd;--fg-alt:#5d5dcc;--primary:#bebdcb;--primary-alt:#706aec;--primary-light:rgba(18,17,49,.44);--container-shadow:hsla(0,3%,42%,.1) 0px 4px 6px -1px,rgba(0,0,0,.06) 0px 2px 4px -1px}*{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)}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-color:var(--bg-alt)}::-webkit-scrollbar-thumb{background-color:var(--primary);border:4px solid var(--bg);border-radius:.5em}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-alt)}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:Poppins,sans-serif;line-height:1.5;margin:0 auto;max-width:1100px;transition:background-color .1s linear;width:95%}h1,h2,h3,h4{color:var(--fg-alt);line-height:1.1}h1{font-size:5rem}h2{font-size:1.8em}ul{list-style-type:none}button{background-color:inherit;cursor:pointer;font-family:inherit}a{text-decoration:none}.link{padding:0 0 .12em;position:relative}.link,.link:hover{color:var(--primary)}.link:active{color:var(--primary-alt)}.link:before{background-color:var(--primary);bottom:0;content:"";display:inline;height:.12em;position:absolute;transition:width .2s ease-out;width:0}.link:hover:before{width:100%}@media (max-width:768px){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{align-items:center;display:flex;justify-content:center}nav,nav ul{align-items:center;display:flex;justify-items:center}header{height:6em;justify-content:space-between}nav li{font-weight:500;margin:0 .5em}.hero{justify-content:space-between;margin-top:6em}.hero h1{display:flex;flex-basis:50%;flex-direction:column}.hero-name{color:var(--primary)}.hero-about{flex-basis:40%}.hero-about p{font-size:1.1rem}.hero-about .btn{margin-top:2.2em}section{margin-top:3em}.section-title{margin-bottom:1.5em;padding-top:.5em;text-align:center;text-transform:uppercase}.section-title:after{border-bottom:.2em solid var(--primary);content:"";display:block;margin:.3em auto 0;width:1.5em}.project-container{align-items:center;background-color:var(--bg-alt);border-radius:1em;box-shadow:var(--container-shadow);display:flex;justify-content:space-between;margin:2em auto;max-width:950px;padding:2em;text-align:center;width:75%}.project img{height:240px;margin-bottom:2em;width:340px}.project-content{flex-basis:50%;margin-left:2em}.project-content p{margin:1.2em 0}.project-link,.project-skill{display:flex;flex-wrap:wrap;justify-content:center}.project-skill{margin:0 auto}.project-skill li{background-color:var(--primary-light);border-radius:5em;color:var(--primary-alt);font-size:.8rem;font-weight:700;margin:.3em .2em;padding:.4em .6em}.project-link{margin-top:1.2em}.experience-container{align-items:center;background-color:var(--bg-alt);border-radius:1em;display:inline-flexbox;justify-content:space-between;margin:2em auto;max-width:950px;padding:2em;text-align:center;width:95%}.experience img{border-radius:.5em}.experience-content{flex-basis:50%;margin-left:1em}.experience-content p{margin:1.2em 0}.education-container{background-color:var(--bg-alt);border-radius:3em;box-shadow:var(--container-shadow);height:300px;justify-content:space-between;margin:2em auto;max-width:900px;padding:1em;text-align:center;width:900px}.education-img{border-radius:.5em;display:flex;height:150px;width:120px}.education-content{flex-basis:50%;justify-content:center;margin-left:1em}.stack-container{flex-wrap:wrap;gap:1em;margin:0 auto}.stack-container,.tech-container{align-items:center;display:flex;justify-content:center}.tech-container{background-color:var(--bg-alt);border-radius:1.5em;box-shadow:var(--container-shadow);flex-direction:column;font-size:.8rem;font-weight:500;height:10em;overflow:hidden;position:relative;width:14em;width:10em}.tech-container:before{background-color:var(--primary-alt);border-radius:1.5;bottom:0;content:"";height:6px;left:0;position:absolute;transform:scaleX(0);transition:all .2s linear;width:100%}.tech-container:hover:before{transform:scaleX(1)}.tech-container i{font-size:3rem;margin-bottom:.2em}.contact ul{flex-wrap:wrap;justify-content:left}.contact .btn{margin-right:.5em;margin-top:.3em}.contact .icon,.hero .icon{margin-right:.2em}.articles{margin-bottom:1em}.articles-content{flex-basis:50%;justify-content:center;margin-left:1em}.articles-content p{margin:1.2em 0}.profile-image{border:2px solid #0e0e0c;border-radius:50%;height:400px;margin-right:5em;width:330px}footer{background-color:var(--bg-alt);box-shadow:0 -.1em 1em rgba(0,0,0,.1);flex-direction:column;height:4em;justify-content:center;left:0;margin-top:5em;position:absolute;right:0}footer ul{display:flex}footer small{font-weight:500;margin-top:.5em}@media (max-width:950px){.project-container{flex-direction:column;max-width:450px;padding:1.5em}.project img{height:240px;margin:0 auto 2em;max-height:100%;max-width:100%;width:300px}.project-content{margin-left:0;padding:0}}@media (max-width:580px){nav ul{background-color:var(--bg);flex-direction:column;left:0;overflow:hidden;padding:4em 0;position:absolute;right:100;top:5em;transition:width .2s ease-in-out;width:0}.display-nav-list{width:100%}nav li{margin:.5em 0}.hero,.hero-about,section{margin-top:2.5em}.hero{flex-direction:column;padding-bottom:1em}.hero h1,.hero-about{width:100%}.project .section-title{margin-bottom:0}.stack-container i{font-size:3rem}}.btn{background-color:var(--primary);border-radius:5em;color:var(--bg);display:inline-block;font-size:.8rem;font-weight:600;padding:1em 1.6em;transition:transform .2s ease-in-out}.btn:hover{background-color:var(--primary-alt)}.btn:active{transform:translateY(-.4em)}.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 .25s 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-container{display:flex;justify-content:flex-end}.scroll-up{bottom:3em;display:none;font-size:.9rem;font-weight:600;position:fixed;right:2em;transition:transform .2s ease-in-out}.scroll-up:active{transform:translateY(.4em)}.scroll-up a{background-color:var(--primary);border-radius:50%;color:var(--bg);padding:.9em 1.2em}.scroll-up a:hover{background-color:var(--primary-alt)}@media (max-width:1000px){.scroll-container{display:none}}.fa-bars{display:none}.header-title{font-weight:700;text-shadow:0 4px 2px rgba(0,0,0,.2)}nav .link{color:var(--fg-alt)}@media (max-width:580px){.fa-bars{display:flex}}.article{display:grid;height:300px;justify-content:center;margin:3em auto;max-width:700px;padding:1em;text-align:center;width:500px;img{border-radius:.5em;height:300px;justify-content:center;margin-bottom:1em;max-width:500px}h3{margin:.5rem auto}a:last-of-type{display:inline-block;line-height:1.5;margin:0 0 1em auto;text-align:right}@include min-width(1140px){padding-bottom:.75em;padding-left:.75em;padding-right:.75em;padding-top:.75em;a:last-of-type{font-size:smaller}}}.blog-single .blog{column-gap:50px;display:flex;flex-direction:row}.blog-single .blog .blog-img{width:45%}.blog-img{width:100%}.blog-img img{border-radius:1em;margin-right:1.5em;width:350px}.blog-content{display:flex;flex-direction:column;margin-top:10px;row-gap:15px}.blog-content .blog-desc{color:#1c1a1a}.blog-content .blog-details{column-gap:15px}.blog-content .blog-details,.blog-content .blog-details .blog-author-img{align-items:center;display:flex}.blog-content .blog-details .blog-author-img img{width:50px}.blog-content .blog-details .blog-author-details .blog-author-desig{color:#888;font-size:13px}
/*# sourceMappingURL=main.css.map*/