#root{display:flex;flex-direction:column;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero__container{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;width:100%}.hero__content{flex:1 1}.hero__graphic{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.hero__title{color:#fff;font-size:32px;font-weight:600;min-width:300px}.hero__title span{color:#c778dd}.hero__description{color:#abb2bf;margin-bottom:32px;margin-top:32px}.hero__logo{aspect-ratio:1;position:absolute;top:10%;width:30vmin;z-index:1}.hero__image{border-bottom:1px solid #c778dd;max-width:340px;position:relative;z-index:2}.button{border:1px solid #c778dd;color:#fff;display:inline-block;font-weight:500;padding:8px 16px;text-decoration:none}.blog{border:1px solid #abb2bf}.blog__image{aspect-ratio:16/9;border-bottom:1px solid #abb2bf;display:block;max-width:100%}.blog__content{padding:16px}.blog__name{color:#fff;font-size:24px;font-weight:500}.blog__description{color:#abb2bf;margin:16px 0}.blog__links{display:flex;flex-wrap:wrap;gap:8px}.projects,.viewAll{width:100%}.viewAll{align-items:center;display:flex;justify-content:center;padding:2rem 0}.viewAll .button{border:1px solid #c778dd;padding:8px 16px;text-decoration:none}.title,.viewAll .button{color:#fff;display:inline-block;font-weight:500}.title{clear:both;float:none;font-size:32px;margin:0;position:relative}.title:before{color:#c778dd;content:"#"}.title:after{background-color:#c778dd;content:"";display:block;height:1px;position:absolute;right:-16px;top:50%;transform:translate(100%,-50%);width:10vw}.projects__headers{align-items:center;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:48px;width:100%}.projects__headers .h2{clear:both;display:inline-block;float:none;font-size:32px;font-weight:500;margin:0;position:relative}.projects__headers .h2:before{color:#c778dd;content:"#"}.projects__headers .h2:after{background-color:#c778dd;content:"";display:block;height:1px;position:absolute;right:-16px;top:50%;transform:translate(100%,-50%);width:10vw}.projects__headers-link{color:#fff;text-decoration:underline}.projects-list{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:48px;width:100%}@media(max-width:1024px){.projects-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.header__container{background-color:#282c33;padding-bottom:8px;padding-top:32px;position:fixed;top:0;width:100%;z-index:999}.header__section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:100%;width:1024px}@media(max-width:1024px){.header__section{width:100%}}.header__nav-container{display:flex}@media(max-width:1024px){.header__nav-container{align-items:center;background-color:#282c33;display:none;flex-direction:column;left:0;padding:1rem 0;position:fixed;top:90px;width:100%}}.header__nav-container.open{display:flex}.header__navlink{color:#abb2bf;text-decoration:none}.header__navlink span{color:#c778dd}.header__navlink:not(:last-child){margin-right:1.25rem}@media(max-width:1024px){.header__navlink{font-size:2rem}}.active,.logo{color:#fff}.logo{font-family:Meddon,cursive;font-size:2rem;font-style:normal;font-weight:400;text-decoration:none}@media(max-width:1024px){.logo{font-size:1rem;padding-left:1rem}}.menu-icon{cursor:pointer;display:none;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.menu-icon{display:block}}.menu-icon .navicon{background:#fb1056;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.menu-icon .navicon:after,.menu-icon .navicon:before{background:#fb1056;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.menu-icon .navicon:before{top:5px}.menu-icon .navicon:after{top:-5px}.menu-btn{display:none}.menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .navicon{background:#0000}.menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}.footer{border-top:1px solid #abb2bf;margin-bottom:16px;margin-top:3rem;max-width:inherit;padding-top:32px;width:100%}.footer__inner{display:flex;flex-direction:column;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-bottom:48px}.footer__copyright{color:#abb2bf;text-align:center}.container{margin:0 auto}.container,.layout__container{max-width:1024px;position:relative}.layout__container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:7rem;margin:7rem auto 0;width:100%}@media(max-width:1024px){.layout__container{padding:0 16px;width:auto}}.skill{width:100%}.skill__description{color:#abb2bf}.dev-icons{font-size:3rem;list-style:none;margin-bottom:24px;margin-top:48px;padding-left:0;text-align:center}.software-skill-inline{display:inline-block;font-family:Google Sans Regular;margin-bottom:20px;margin-right:20px}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.about{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.about__content{flex:1 1;min-width:300px}.about__text{color:#abb2bf;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;margin-top:48px}.about__image{border-bottom:1px solid #c778dd;flex:1 1;max-width:340px}.quote{border:1px solid #abb2bf;margin:0;position:relative}.quote:before{left:16px;top:-26px}.quote:after{bottom:-55px;right:16px}.quote:after,.quote:before{background-image:linear-gradient(#282c33,#282c33);background-repeat:no-repeat;background-size:100% 40%;color:#abb2bf;content:'"';font-size:64px;font-weight:700;position:absolute}.quote__text{background-color:#282c33;color:#fff;font-size:24px;font-weight:500;margin:0;padding:32px}.quote__author{border:1px solid #abb2bf;color:#abb2bf;font-size:16px;padding:8px;position:absolute;right:-1px}.facts{width:100%}.facts__content,.facts__list{align-items:start;display:flex;flex-wrap:wrap}.facts__list{gap:16px;margin-top:48px;padding:0}.facts .fact{border:1px solid #abb2bf;color:#abb2bf;list-style-type:none;padding:8px}.exp,.exp-list{width:100%}.exp-list{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:48px}@media(max-width:1024px){.exp-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.exp__card{border:1px solid #abb2bf}.exp__image{aspect-ratio:16/9;background:#fff;border-bottom:1px solid #abb2bf;display:block;width:100%}.exp__content{padding:16px}.exp__name{color:#fff;font-size:24px;font-weight:500}.exp__description{color:#abb2bf;margin:16px 0}.exp__links{display:flex;justify-content:center;margin-bottom:1rem}.about-me .path{align-self:start;display:block;width:100%}.about-me .path__name{color:#fff;font-size:32px;font-weight:600}.about-me .path__name:before{color:#c778dd;content:"/"}.about-me .path__description{color:#abb2bf;margin-top:16px}.about-me .about{flex-direction:row-reverse}.social-media-div{display:flex;font-size:2em;justify-content:center}.icon-button i{color:#fff}.icon-button{margin-bottom:10px}.icon-button i{border-radius:2.6rem;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;margin:0 5px 10px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:2.6rem}.linkedin i{background-color:#0e76a8;transition:all .2s ease-in-out}.linkedin i:hover{box-shadow:0 5px 15px #0e76a8;color:#fff}.github i{background-color:#333;transition:all .2s ease-in-out}.github i:hover{box-shadow:0 5px 15px #333;color:#fff}.gitlab i{background-color:#ffcc52;transition:all .2s ease-in-out}.gitlab i:hover{box-shadow:0 5px 15px #333;color:#fff}.google i{background-color:#ea4335;transition:all .2s ease-in-out}.google i:hover{box-shadow:0 5px 15px #ea4335;color:#fff}.twitter i{background-color:#1da1f2;transition:all .2s ease-in-out}.twitter i:hover{box-shadow:0 5px 15px #1da1f2;color:#fff}.instagram i{background-color:#e4405f;transition:all .2s ease-in-out}.instagram i:hover{box-shadow:0 5px 15px #e4405f;color:#fff}@media (max-width:768px){.social-media-div{text-align:center}}.path{align-self:start;display:block;width:100%}.path__name{color:#fff;font-size:32px;font-weight:600}.path__name:before{color:#c778dd;content:"/"}.path__description{color:#abb2bf;margin-top:16px}.contact{display:flex;flex-direction:column;gap:2rem}.contact,.contact__image{width:100%}body{background-color:#282c33;font-family:Fira Code,monospace;font-optical-sizing:auto}
/*# sourceMappingURL=main.a53687cd.css.map*/