@import"https://fonts.googleapis.com/css2?family=Yellowtail&display=swap";@import"https://fonts.googleapis.com/css2?family=Caprasimo&display=swap";*{background-color:inherit;color:inherit}.light{--clr-bg: #fcfcfc;--clr-bg-alt: #fff;--clr-fg: #555;--clr-fg-alt: #444;--clr-primary: #2978b5;--shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px}.dark{--clr-bg: #0f1429;--clr-bg-alt: #182b42;--clr-fg: #bdbddd;--clr-fg-alt: #cdcdff;--clr-primary: #90a0d9;--shadow: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{font-family:Roboto,sans-serif;line-height:1.5;color:var(--clr-fg);background-color:var(--clr-bg);padding-top:20px}main{max-width:1100px;width:95%;margin:0 auto}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase}.center{display:flex;align-items:center}.link{color:var(--clr-primary);padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:hover:before,.link:focus:before{width:100%}.link--nav{color:var(--clr-fg);font-weight:500}.link--icon{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;border-radius:1em;font-weight:900;font-size:.9rem;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:hover,.btn--outline:focus{color:var(--clr-bg)}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:hover:before,.btn--outline:focus:before{right:0}.btn--plain{text-transform:initial;background-color:var(--clr-bg-alt);box-shadow:#00000026 0 3px 3px;border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:hover,.btn--icon:focus{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}.github{padding:2px;height:30px;width:30px}@media (max-width: 600px){.section{margin-top:4em}}.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}ul li{list-style-type:none}.app .nav__hamburger{display:none}.nav__theme{margin-top:.4em}.toggle{padding:2px;height:20px;width:20px}@media (max-width: 600px){.nav__list{display:none;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.nav__list-item{margin:.5em 0}.app .nav__hamburger{display:flex;z-index:2;margin-left:.8em}}.header{height:2em;max-width:1100px;width:65%;margin:0 auto;justify-content:space-between;border:2px solid #bdbddd;border-radius:50px;padding:16px}.title{font-family:Yellowtail,cursive;font-weight:400;font-style:normal}@media (max-width: 600px){.header{height:6em;height:1em}}.about{margin-top:6em;gap:6em}.about__name{color:var(--clr-primary);font-family:Caprasimo,serif;font-weight:400;font-style:normal}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.profile-img{height:400px;width:400px;border-radius:400px}.about__desc,.about__contact{margin-top:2.4em;gap:2em}.about .link--icon{margin-right:.8em}.social{display:flex;gap:2em}.about .btn--outline{margin-right:1em}@media (max-width: 600px){.app .about{flex-direction:column;align-items:center;margin-top:2em;gap:2em}.profile-img{width:300px;height:300px}.about__contact{display:flex;justify-content:center;align-items:center}.about__name,.about__role,.about__desc,h1{text-align:center}.about__desc,.about__contact,.social{gap:.8em}}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.project{padding:2em;margin:0 auto;text-align:center;box-shadow:var(--shadow);transition:transform .2s linear}.project-image{height:200px;width:300px}.project:hover{transform:translateY(-7px)}.view-link:hover{border-bottom:none}.links{display:flex;gap:2em;justify-content:center}.project__description{margin-top:1em}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin:1.2em 0}.project__stack-item{margin:.5em;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt)}.project .link--icon{margin-left:.5em}.skills__list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:1em}.skills__list-item{margin:.5em}.skillset{display:flex;flex-direction:column;align-items:center;gap:8px}@media (max-width: 600px){.skills__list{max-width:450px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}}.contact{flex-direction:column;gap:2em;background-color:var(--clr-bg-alt);padding:2em}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width: 900px){.scroll-top{display:none}}.footer{padding:3em 0;margin-top:4em;text-align:center}.footer__link{font-size:.9rem;font-weight:600;color:var(--clr-fg)}@media (max-width: 600px){.footer{padding:2em;margin-top:3em}}