html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 51.25em){html{font-size:56.25%}}@media only screen and (max-width: 31.25em){html{font-size:50%}}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}body{font-family:"Plus Jakarta Sans",sans-serif;font-weight:400;color:#292929;line-height:1.6}.App{display:grid;grid-template-columns:1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:5rem;background-color:#fcfcfc}section,header,footer{padding:0 8rem}@media only screen and (max-width: 31.25em){section,header,footer{padding:0 6rem}}.gutter-box{width:100%;padding:0 8rem}@media only screen and (max-width: 31.25em){.gutter-box{padding:0 6rem}}.gutter{width:100%;height:1px;background-color:#292929}.loader{position:fixed;inset:0 0 0 0;display:grid;place-items:center;background-color:#fcfcfc;z-index:4}.loader__icon{color:#292929;font-family:"DM Mono",monospace;font-size:4rem;font-weight:600}.fixBody{height:100%;overflow:hidden}.cta{text-decoration:none;font-family:"Plus Jakarta Sans",sans-serif;background-color:#fcfcfc;display:flex;align-items:center;gap:5px;justify-self:start;padding:1rem 2.5rem;font-size:2.6rem;font-weight:600;color:#292929;border:1.5px solid #292929;border-radius:50px;transition:.1s ease;-webkit-tap-highlight-color:transparent}.cta img{width:0;transition:.15s ease}.cta-primary img{width:3.5rem}.cta:hover{background-color:#292929;color:#fcfcfc}.cta:hover img{width:3.5rem}.cta:active{transform:scale(0.95)}.cta-primary{background-color:#292929;color:#fcfcfc}.cta__download-white{display:inline-block}.cta__download-black{display:none}@media only screen and (max-width: 31.25em){.cta{background-color:#292929;color:#fcfcfc;font-size:2rem}.cta-secondary{background-color:#fcfcfc;color:#292929}.cta-secondary:hover{background-color:#fcfcfc;color:#292929}.cta__download-white{display:none}.cta__download-black{display:inline-block}.cta img{width:3rem}.cta:hover img{width:3rem}}.nav{display:grid;grid-template-columns:repeat(2, -webkit-max-content);grid-template-columns:repeat(2, max-content);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;justify-content:space-between;padding:2rem 8rem;background-color:#fcfcfc;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:3}.nav__icon:where(:link,:visited){text-decoration:none;color:#292929;font-family:"DM Mono",monospace;font-size:3.2rem;font-weight:500}.nav__box{display:flex;align-items:center;gap:3rem}.nav__box>a:where(:link,:visited){font-weight:600;font-size:1.8rem;text-decoration:none;color:#292929}@media only screen and (max-width: 31.25em){.nav__box{display:none}}.nav__work{padding:1rem 3rem;border-radius:50px;border:1.5px solid #292929;transition:.1s ease}.nav__work:hover{background-color:#292929;color:#fcfcfc}.nav__work:active{transform:scale(0.95)}@media only screen and (max-width: 31.25em){.nav{padding:1rem 6rem}}.header{display:grid;grid-template-columns:1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:4rem}.header__img{object-fit:cover;width:100%}@media screen and (max-width: 31.25em){.header__img--desktop{display:none}}@media screen and (min-width: 31.25em){.header__img--mobile{display:none}}.header__nav-project:where(:link,:visited){text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:2rem;text-decoration:none;background-color:#292929;color:#fcfcfc;padding:1.2rem 3rem;border-radius:50px;border:1.5px solid #292929;-webkit-tap-highlight-color:transparent;transition:.1s ease}@media screen and (min-width: 31.25em){.header__nav-project:where(:link,:visited){display:none}}.header__nav-project:where(:link,:visited):active{transform:scale(0.95)}.header__skill{width:75% !important;justify-self:center}@media only screen and (max-width: 31.25em){.header__skill{width:100% !important}}.header__skill-img{width:9rem}@media only screen and (max-width: 31.25em){.header__skill-img{width:5.2rem}}.header__desc{font-size:4rem;font-weight:600;text-align:left;margin-top:6rem}@media only screen and (max-width: 31.25em){.header__desc{font-size:3rem;margin-top:4rem}}.header__cta-box{display:flex;align-items:center;gap:2rem}@media only screen and (max-width: 31.25em){.header__cta-box{flex-direction:column;align-items:stretch}}@media only screen and (max-width: 31.25em){.header__cta{justify-content:center;justify-self:unset}}.marquee{display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:4rem;margin-right:4rem}@media only screen and (max-width: 31.25em){.overlay::before{left:-35% !important}.overlay::after{right:-35% !important}}.project{display:grid;grid-template-columns:1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:7rem}.project__title{font-size:4.6rem;font-weight:700}.project__box{display:grid;grid-template-columns:1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:6rem}.project__main,.project__other{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;align-items:center;grid-gap:6rem}.project__main-banner,.project__other-banner{width:100%;height:100%;object-fit:cover}.project__main-sub,.project__other-sub{display:grid;grid-template-columns:1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:2rem}.project__main-title,.project__other-title{font-size:3rem;font-weight:600}.project__main-desc,.project__other-desc{font-size:2rem;text-align:justify}.project__main-stack,.project__other-stack{display:flex;align-items:center;gap:2rem}.project__main-icon,.project__other-icon{width:5rem}.project__main-cta,.project__other-cta{font-size:1.6rem}.project__main-cta:hover img,.project__other-cta:hover img{width:2.4rem}@media only screen and (max-width: 51.25em){.project__main-cta,.project__other-cta{background-color:#292929;color:#fcfcfc;font-size:2rem}.project__main-cta img,.project__other-cta img{width:2.4rem}}@media only screen and (max-width: 31.25em){.project__main-cta,.project__other-cta{justify-self:stretch;justify-content:center}}@media only screen and (max-width: 51.25em){.project__main,.project__other{grid-template-columns:1fr;grid-gap:2rem}}.project__main{grid-gap:8rem}@media only screen and (max-width: 51.25em){.project__main{grid-gap:2rem}}.project__main .project__main-banner{border-radius:8px;transition:.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.project__main:hover .project__main-banner{transform:scale(1.1)}@media only screen and (max-width: 31.25em){.project__main:hover .project__main-banner{transform:scale(1)}}.project__other-box{aspect-ratio:16/9;border-radius:8px;overflow:hidden}.project__other-banner{transition:.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.project__other:hover .project__other-banner{transform:scale(1.2) rotate(4deg)}@media only screen and (max-width: 31.25em){.project__other:hover .project__other-banner{transform:scale(1) rotate(0deg)}}@media only screen and (max-width: 31.25em){.project__main .project__main-banner,.project__other-box{border-radius:6px}}.project__main:nth-of-type(odd) .project__main-banner{grid-column:2/3;grid-row:1/2}.project__main:nth-of-type(odd) .project__main-sub{grid-column:1/2;grid-row:1/2}@media only screen and (max-width: 51.25em){.project__main:nth-of-type(odd) .project__main-banner,.project__main:nth-of-type(odd) .project__main-sub{grid-column:auto;grid-row:auto}}.contact{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;grid-gap:3rem}.contact span{font-size:2rem;font-weight:600;opacity:.8}.contact h1{font-size:4rem;font-weight:700}.contact p{width:60%;text-align:center;font-size:2rem;font-weight:600;opacity:.6}.contact__cta{justify-self:center;font-size:2.2rem}.contact__icon{width:0;transition:.15s ease}@media only screen and (max-width: 31.25em){.contact__icon{width:3rem;transform:rotate(-20deg)}}.contact__cta:hover .contact__icon{width:3rem;animation:hands .8s ease-out 1 .15s alternate forwards}@media only screen and (max-width: 31.25em){.contact__cta:hover .contact__icon{animation:none}}@media only screen and (max-width: 31.25em){.contact p{width:unset;font-size:1.6rem}}@keyframes hands{0%{transform:rotate(0) translateX(0)}40%{transform:rotate(-35deg) translateX(-4px)}80%{transform:rotate(35deg) translateX(4px)}100%{transform:rotate(0) translateX(0)}}.footer{display:grid;place-items:center;grid-gap:2rem;padding:0 0 4rem}.footer__icon:where(:link,:visited){text-decoration:none;color:#292929;font-family:"DM Mono",monospace;font-size:2rem;font-weight:500}.footer__box{display:flex;align-items:center;gap:2rem}.footer__link{-webkit-tap-highlight-color:transparent}.footer__note{font-size:1.6rem;font-weight:500;opacity:.6}/*# sourceMappingURL=style.css.map */