.Project{--flow-space:4rem}.Project>header>*,.Project>section>*{--flow-space:clamp(0.4rem,1vw,0.8rem)}.Project__highlights{text-align:left}.Project__highlights>ul>*{--flow-space:0.2rem;-webkit-margin-start:1.6rem;margin-inline-start:1.6rem}.Project__links>a{padding-bottom:.4rem;position:relative;text-decoration:none}.Project__links>a:after{background-color:hsl(var(--clr-white));bottom:0;content:"";height:.1rem;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%}.Project__links>a:focus:after,.Project__links>a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.Project__links a:last-child{text-decoration:initial}@media (min-width:71.875em){.Project{text-align:left}.Project__links{justify-content:flex-start}}.ProjectControl[role=tab]{--size:clamp(1.2rem,2vw,1.5rem);aspect-ratio:1;background-color:hsl(var(--clr-gray));border:initial;border-radius:50%;cursor:pointer;opacity:.5;width:var(--size)}.ProjectControl:focus,.ProjectControl:hover{opacity:1}.ProjectControl[aria-selected=true]{background-color:hsl(var(--clr-white));opacity:1}.Socials{justify-self:stretch}.Socials__icons{--gap:clamp(1.8rem,15vw,3.2rem);border-top:1px solid hsl(var(--clr-white));justify-content:center;padding-top:2.4rem}.App{display:grid;grid-template-rows:1fr;min-height:100vh;place-items:center}.Home{text-align:center}.Home__content{--flow-space:4.8rem}.Home__content-heading{line-height:1.25}.Error{align-self:stretch;text-align:center}:root{--linear-gradient:linear-gradient(90deg,#3bc57a,rgba(62,224,205,.7));--clr-white:0 0% 100%;--clr-gray:0,0%,80%;--fs-300:clamp(1.6rem,2vw,1.8rem);--fs-400:clamp(1.8rem,2vw,2rem);--fs-500:clamp(2.2rem,5vw,3.2rem);--fs-600:clamp(2rem,4vw,2.8rem);--fs-700:clamp(3.2rem,8vw,6.4rem);--ff-sans:"Montserrat",sans-serif;--fw-400:400;--fw-500:600;--fw-600:900}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}body{background-image:radial-gradient(52.34% 52.34% at 50% 50%,rgba(46,46,56,.72) 0,rgba(46,46,56,.9) 100%),url(/static/media/pawel-czerwinski-unsplash-main-bg.96f87d92b674f86f13a2.jpg);background-position:50%;background-size:cover;box-sizing:border-box;color:#ccc;color:hsl(var(--clr-gray));font-family:Montserrat,sans-serif;font-family:var(--ff-sans);font-size:clamp(1.8rem,2vw,2rem);font-size:var(--fs-400);font-weight:400;font-weight:var(--fw-400);line-height:1.5;min-height:100vh}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:400}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.1ms!important;animation-duration:.1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.flex{display:flex}.flex,.grid{gap:1.6rem;gap:var(--gap,1.6rem)}.grid{grid-gap:1.6rem;grid-gap:var(--gap,1.6rem);display:grid}.grid-container{display:grid;place-items:center}.container{margin-inline:auto;max-width:128rem;padding-inline:1.6rem}.hidden{display:none}.block{display:block}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.flow>:where(:not(:first-child)){-webkit-margin-before:1.6rem;-webkit-margin-before:var(--flow-space,1.6rem);margin-block-start:1.6rem;margin-block-start:var(--flow-space,1.6rem)}.uppercase{text-transform:uppercase}.underline{text-decoration:underline}.linethrough{opacity:.5;text-decoration:line-through}.fs-300{font-size:clamp(1.6rem,2vw,1.8rem);font-size:var(--fs-300)}.fs-500{font-size:clamp(2.2rem,5vw,3.2rem);font-size:var(--fs-500)}.fs-600{font-size:clamp(2rem,4vw,2.8rem);font-size:var(--fs-600)}.fs-700{font-size:clamp(3.2rem,8vw,6.4rem);font-size:var(--fs-700)}.fw-500{font-weight:600;font-weight:var(--fw-500)}.fw-600{font-weight:900;font-weight:var(--fw-600)}.text-white{color:#fff;color:hsl(var(--clr-white))}.text-gray{color:#ccc;color:hsl(var(--clr-gray))}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3bc57a,rgba(62,224,205,.7));background:var(--linear-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.letter-spacing-1{letter-spacing:.05em}.letter-spacing-2{letter-spacing:.02em}.letter-spacing-3{letter-spacing:.015em}.call-to-action{margin-inline:auto;max-width:-webkit-max-content;max-width:max-content;padding-bottom:.4rem;position:relative}.call-to-action:after{background-image:linear-gradient(90deg,#3bc57a,rgba(62,224,205,.7));background-image:var(--linear-gradient);bottom:0;content:"";height:.1rem;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%}.call-to-action:focus:after,.call-to-action:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.grid-container--home{row-gap:5.6rem}.grid-container--home>*{max-width:50ch}.grid-container--projects{align-content:start;grid-template-areas:"image" "controls" "project" "socials";padding-block:6.4rem;place-items:center;row-gap:4.8rem}.grid-container--projects>*{max-width:40ch}.grid-container--projects>.ProjectImage{grid-area:image;max-width:45rem}.grid-container--projects>.Project{grid-area:project}.grid-container--projects>.ProjectControls{grid-area:controls}.grid-container--projects>.Socials{grid-area:socials}.grid-container--error>*{max-width:50ch}@media (min-width:40.625em){.grid-container--projects>.ProjectImage{max-width:55rem}.grid-container--projects>.Socials{justify-self:center;width:100%}}@media (min-width:71.875em){.grid-container--projects{-webkit-column-gap:6.4rem;column-gap:6.4rem;grid-template-areas:"project image" "controls controls" "socials socials";grid-template-columns:repeat(2,minmax(0,64rem));margin-top:clamp(3.2rem,8vh,6.4rem);padding-inline:6.4rem}.grid-container--projects>.Project{justify-self:start}.grid-container--projects>.ProjectImage{max-width:55rem}.grid-container--projects>.ProjectControls{margin-top:clamp(3.2rem,8vh,9.2rem)}.grid-container--projects>.Socials{width:48rem}}
/*# sourceMappingURL=main.028e90f2.css.map*/