@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-10rem);transform:translateX(-10rem)}80%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}80%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(10rem);transform:translateX(10rem)}80%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInTop{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInTop{0%{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}body{box-sizing:border-box;font-family:Inter,sans-serif;font-weight:300;line-height:1.6}::selection{background-color:rgba(221,167,79,.3)}.heading-primary{-webkit-animation:moveInLeft 1s ease-out;animation:moveInLeft 1s ease-out;color:#0b0b0d;font-family:Space Grotesk,sans-serif;font-size:8rem;margin-left:-1rem}@media only screen and (max-width:37.5em){.heading-primary{font-size:6.5rem}}.heading-secondary{-webkit-animation:moveInTop 1s ease-out;animation:moveInTop 1s ease-out;color:#dda74f;font-size:1.6rem}.heading-tertiary{border-bottom:.1rem solid #a76b09;color:#dda74f;font-size:3.2rem;margin-bottom:6rem}@media only screen and (max-width:37.5em){.heading-tertiary{margin-bottom:0}}.paragraph{font-size:1.6rem}.paragraph--gold{color:#a76b09}.about{grid-column:content-start/content-end;margin-bottom:14rem}@media only screen and (max-width:37.5em){.about{margin-bottom:8rem}.about h3{margin-bottom:4rem}}.about__bio{color:#0b0b0d;font-size:1.6rem;margin:2rem 4rem}@media only screen and (max-width:37.5em){.about__bio{margin:2rem}}.about__paragraph{color:#0b0b0d;font-size:1.6rem;margin-bottom:2rem;margin-top:4rem}.about__list{grid-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);list-style:none;margin:2rem 4rem}@media only screen and (max-width:37.5em){.about__list{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);margin:2rem}}.about__item{color:#181619;font-size:1.6rem}.contact{grid-column:content-start/content-end;padding-bottom:12rem}.contact__paragraph{font-size:1.8rem;margin-bottom:2rem}@media only screen and (max-width:37.5em){.contact__paragraph{margin-top:4rem}}.contact__info{font-size:1.6rem;margin:1rem 4rem}@media only screen and (max-width:37.5em){.contact__info{margin:1rem 2rem}}.footer{align-items:center;background-color:#0b0b0d;color:#a76b09;display:flex;justify-content:center}.footer p{font-size:1.4rem}.freelance{grid-column:content-start/content-end;margin-bottom:4rem}@media only screen and (max-width:37.5em){.freelance{margin-bottom:6rem}}.freelance__project{margin:12rem 0;width:100%}@media only screen and (max-width:37.5em){.freelance__project{margin:6rem 0}}.freelance-card{display:grid;grid-template-columns:repeat(2,[card-col] 1fr [card-col]);grid-template-rows:[title-start] 1fr [title-end desc-start] -webkit-max-content [desc-end skills-start] .5fr [skills-end links-start] .5fr [links-end];grid-template-rows:[title-start] 1fr [title-end desc-start] max-content [desc-end skills-start] .5fr [skills-end links-start] .5fr [links-end];width:100%}@media only screen and (max-width:37.5em){.freelance-card{grid-template-columns:[col-1-start] 1fr [col-1-end col-2-start] 5fr [col-2-end col-3-start] 1fr [col-3-end];grid-template-rows:[title-start] 4rem [title-end image-start] 1fr [desc-start] 4rem [image-end] -webkit-max-content [desc-end skills-start] 4rem [skills-end];grid-template-rows:[title-start] 4rem [title-end image-start] 1fr [desc-start] 4rem [image-end] max-content [desc-end skills-start] 4rem [skills-end]}}.freelance-card--alt{justify-items:end}@media only screen and (max-width:37.5em){.freelance-card--alt{justify-items:start}}.freelance-card__title{color:#181619;font-size:2.4rem;grid-column:card-col 1/card-col 2;grid-row:title-start/title-end}@media only screen and (max-width:37.5em){.freelance-card__title{grid-column:col-1-start/col-2-end}}.freelance-card__title--alt{grid-column:card-col 2/card-col 3}@media only screen and (max-width:37.5em){.freelance-card__title--alt{grid-column:col-1-start/col-2-end}}.freelance-card__desc{background-color:#181b22;box-shadow:.1rem .2rem .3rem rgba(0,0,0,.3);color:#dda74f;font-size:1.4rem;grid-column:card-col 1/card-col 2;grid-row:desc-start/desc-end;line-height:1.8;margin-bottom:1rem;padding:1.5rem 2rem;width:105%;z-index:100}@media only screen and (max-width:37.5em){.freelance-card__desc{grid-column:col-2-start/col-2-end}}.freelance-card__desc--alt{grid-column:card-col 2/card-col 3}@media only screen and (max-width:37.5em){.freelance-card__desc--alt{grid-column:col-2-start/col-2-end}}.freelance-card__image{grid-column:card-col 2/card-col 3;grid-row:title-start/links-end}@media only screen and (max-width:37.5em){.freelance-card__image{grid-column:col-1-start/col-3-end;grid-row:image-start/image-end}}.freelance-card__image--alt{grid-column:card-col 1/card-col 2}@media only screen and (max-width:37.5em){.freelance-card__image--alt{grid-column:col-1-start/col-3-end;grid-row:image-start/image-end}}.freelance-card__image img{width:100%}.freelance-card__list{align-items:center;display:flex;grid-column:card-col 1/card-col 2;grid-row:skills-start/skills-end;justify-content:space-evenly;list-style:none;margin-bottom:1rem;margin-top:1rem;width:100%}@media only screen and (max-width:37.5em){.freelance-card__list{grid-column:col-1-start/col-3-end;grid-row:skills-start/skills-end}}.freelance-card__list--alt{grid-column:card-col 2/card-col 3}@media only screen and (max-width:37.5em){.freelance-card__list--alt{grid-column:col-1-start/col-3-end;grid-row:skills-start/skills-end}}.freelance-card__item{border-bottom:.1rem solid #a76b09;font-size:1.4rem;padding-bottom:.2rem}.freelance-card__links{grid-column:card-col 1/card-col 2;grid-row:links-start/links-end;margin-top:1rem}@media only screen and (max-width:37.5em){.freelance-card__links{grid-column:col-3-start/col-3-end;grid-row:title-start/title-end;justify-self:end}}.freelance-card__links--alt{grid-column:card-col 2/card-col 3}@media only screen and (max-width:37.5em){.freelance-card__links--alt{grid-column:col-3-start/col-3-end;grid-row:title-start/title-end;justify-self:end}}.freelance-card__links a{color:#dda74f;font-size:1.4rem}.freelance-card__links a:hover{color:#a76b09}.header{grid-gap:2rem;display:grid;grid-column:content-start/content-end;grid-template-rows:-webkit-max-content 12rem -webkit-max-content 12rem;grid-template-rows:max-content 12rem max-content 12rem;justify-items:start;margin-top:12rem}@media only screen and (max-width:37.5em){.header{grid-template-rows:repeat(4,-webkit-max-content);grid-template-rows:repeat(4,max-content)}}.header p{-webkit-animation:moveInRight 1s ease-out;animation:moveInRight 1s ease-out;margin-bottom:2rem}.header__contact{-webkit-animation:moveInBottom 1s ease-out;animation:moveInBottom 1s ease-out;padding-top:2rem}.header__btn{border:.1rem solid #dda74f;color:#dda74f;cursor:pointer;font-size:1.8rem;padding:1rem 1.4rem;text-decoration:none}.header__btn:hover{border:.1rem solid #a76b09;color:#a76b09}.links{align-items:center;bottom:10%;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-around;left:5%;position:fixed;z-index:100}@media only screen and (max-width:62.5em){.links{display:none}}.links__line{background-color:#0b0b0d;height:12rem;margin:1rem 0;width:.2rem}.links__icon{color:#dda74f;font-size:2.4rem}.links__icon:hover{color:#a76b09}.navbar{align-items:center;background-color:#0b0b0d;display:flex;justify-content:space-between;padding:0 4rem}.navbar__logo{height:5rem;width:4rem}.navbar__image{height:100%;width:100%}.navbar__list{align-items:center;color:#a76b09;display:flex;font-size:1.4rem;gap:4rem;justify-content:space-around;list-style:none}.navbar__item{cursor:pointer}@media only screen and (max-width:37.5em){.navbar__item{display:none}}.navbar__item a{color:#a76b09;text-decoration:none}.navbar__item a span,.navbar__item a:hover{color:#dda74f}.navbar__btn{display:none}@media only screen and (max-width:62.5em){.navbar__btn{display:block;height:100%;width:3rem}.navbar__btn:hover .navbar__btn__component{margin:.6rem 0}}.navbar__btn__component{display:none}@media only screen and (max-width:62.5em){.navbar__btn__component{background-color:#dda74f;display:block;height:.1rem;margin:.5rem 0;width:100%}}.projects{grid-column:content-start/content-end;margin-bottom:16rem}@media only screen and (max-width:37.5em){.projects{margin-bottom:8rem}}.projects__content{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}@media only screen and (max-width:37.5em){.projects__content{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);margin-top:6rem}}.project-card{background-color:rgba(24,27,34,.7);border-radius:.3rem;box-shadow:.1rem .2rem .3rem rgba(0,0,0,.3);padding:2rem 3rem 4rem;position:relative}.project-card__title{color:#a76b09;font-size:1.6rem;font-weight:300;margin-bottom:2rem}.project-card__body{background-color:#34343b;border-radius:.3rem;margin-bottom:2rem;padding:1rem}.project-card__desc{color:#0b0b0d;font-size:1.4rem;margin-bottom:2rem}.project-card__list{align-items:center;display:flex;justify-content:flex-start;list-style:none}.project-card__item{border-bottom:.1rem solid #a76b09;color:#0b0b0d;font-size:1.2rem;margin-right:2rem;padding-bottom:.2rem}.project-card__links{align-items:flex-end;bottom:1rem;display:flex;justify-content:flex-start;left:2rem;position:absolute}.project-card__links a{color:#dda74f;display:block;font-size:1.6rem;margin-right:2rem}.project-card__links a:hover{color:#a76b09}.sidebar{display:none}@media only screen and (max-width:62.5em){.sidebar{background-color:#181619;display:block;height:100%;padding:2rem;position:fixed;right:0;top:0;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:50%;z-index:200}}@media only screen and (max-width:50em){.sidebar{width:70%}}.sidebar--open{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar--closed{-webkit-transform:translateX(100%);transform:translateX(100%)}.sidebar__backdrop{background-color:#000;height:100%;left:0;opacity:.6;position:fixed;top:0;width:100%;z-index:100}.sidebar__header{align-items:flex-start;display:flex;justify-content:space-between}.sidebar__logo{height:5rem;width:4rem}.sidebar__logo img{height:100%;width:100%}.sidebar__close{color:#dda74f;font-size:2.4rem}.sidebar__list{list-style:none;margin-top:8rem}.sidebar__item{font-size:1.8rem;margin-bottom:2rem}.sidebar__link{color:#a76b09;text-decoration:none}.sidebar__link span,.sidebar__link:hover{color:#dda74f}.sidebar__links{align-items:center;display:flex;justify-content:space-between;margin-top:14rem}.sidebar__links__line{background-color:#a76b09;height:.1rem;width:20%}@media only screen and (max-width:37.5em){.sidebar__links__line{width:8%}}.sidebar__links__icon{color:#dda74f;font-size:2.4rem}.sidebar__links__icon:hover{color:#a76b09}.portfolio{display:grid;grid-template-rows:8rem -webkit-max-content 12rem;grid-template-rows:8rem max-content 12rem}.portfolio__content{background-color:rgba(39,42,49,.9)}.portfolio__sections{display:grid;grid-template-columns:2fr [content-start] 4.5fr [content-end] 1fr;grid-template-rows:repeat(4,minmax(calc(100vh - 6rem),-webkit-max-content)) -webkit-max-content;grid-template-rows:repeat(4,minmax(calc(100vh - 6rem),max-content)) max-content}@media only screen and (max-width:62.5em){.portfolio__sections{grid-template-columns:4rem [content-start] 1fr [content-end] 4rem}}@media only screen and (max-width:37.5em){.portfolio__sections{grid-template-columns:2rem [content-start] 1fr [content-end] 2rem}}
/*# sourceMappingURL=main.3c1ae292.css.map*/