@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap";:root{--clr--grey-950: hsl(212, 27%, 19%);--clr--grey-600: hsl(213, 9%, 39%);--clr--grey-550: hsl(232, 10%, 55%);--clr--grey-400: hsl(210, 4%, 67%);--clr--white: hsl(0, 100%, 100%);--clr--red-400: hsl(7, 99%, 70%);--clr--yellow-500: hsl(51, 100%, 49%);--clr--green-800-dsgn-text: hsl(167, 40%, 24%);--clr--blue-800-photo-text: hsl(198, 62%, 26%);--clr--green-500-footer: hsl(167, 34%, 41%);--clr--green-footer-background: hsl(167, 44%, 70%);--clr--blue-header-background: hsl(200, 100%, 62%);--clr--grey-testimonial-background: hsl(26, 100%, 99%)}*{margin:0;padding:0;border:0}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{text-align:center;min-height:100vh;line-height:1.5;font-family:Barlow,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}h1,h2,h3,button{font-family:Fraunces,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{font-size:clamp(2rem,4vw + 1rem,6rem);color:var(--clr--white);font-weight:900;letter-spacing:.5rem}h2{font-size:clamp(1.5rem,2vw + .8rem,5rem);color:var(--clr--grey-950);font-weight:900}img,picture{max-width:100%;height:auto}p,li{font-weight:600;color:var(--clr--grey-950)}ul,li{list-style:none}header{display:flex;align-items:center;justify-content:space-between;background:var(--clr--blue-header-background);padding:1rem 2rem}.mobile-links{display:flex;flex-direction:column;align-items:center;background-color:var(--clr--white);padding:2rem}.mobile-links li{width:8rem;margin:1rem 0;padding:1rem;color:var(--clr--grey-400)}.mobile-links li:hover{cursor:pointer;background-color:var(--clr--yellow-500);color:var(--clr--grey-950);border-radius:2rem}.hero{position:relative}.hero-text{position:absolute;z-index:1;top:35%;left:50%;transform:translate(-50%,-50%)}.hero-text>img{margin:auto;width:clamp(2rem,3vw + 1rem,4rem);height:auto;padding-top:2rem}.body-info-text-div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.body-info-text-div>p{color:var(--clr--grey-600);margin:1rem 0;font-size:1.2rem}.product-info{position:relative}.product-info>div{width:100%;padding:1.5rem;position:absolute;z-index:1;top:75%;left:50%;transform:translate(-50%,-50%)}.product-stats-one>h2{margin-block-end:.6rem;color:var(--clr--green-800-dsgn-text)}.product-stats-one>p{color:var(--clr--green-800-dsgn-text);font-size:1rem}.product-stats-two>h2{margin-block-end:.6rem;color:var(--clr--blue-800-photo-text)}.product-stats-two>p{color:var(--clr--blue-800-photo-text);font-size:1rem}.yellow-btn,.red-btn{position:relative;font-weight:800;background-color:transparent;color:var(--clr--grey-950);margin-top:1.5rem}:is(.yellow-btn,.red-btn):hover{cursor:pointer}.yellow-btn:after{position:absolute;bottom:0;left:0;width:8rem;height:.4rem;background-color:var(--clr--yellow-500);margin:0;border-radius:.4rem}.red-btn:after{position:absolute;bottom:0;left:0;width:8rem;height:.4rem;background-color:var(--clr--red-400);margin:0;border-radius:.4rem}.testimonial{padding:3rem;background-color:var(--clr--grey-testimonial-background)}.testimonial-heading{letter-spacing:.2rem;font-size:1.2rem;color:var(--clr--grey-600)}.cards{margin:3rem 0;padding:1rem}.cards p:nth-child(2){color:var(--clr--grey-600)}.cards>h3{color:var(--clr--grey-950);margin:1rem .7rem 0 0}.cards p:nth-child(4){color:var(--clr--grey-550)}.avatar-img{width:4rem;height:auto;border-radius:50%;margin:auto;margin-top:1rem;margin-bottom:1rem}.image-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}footer{background-color:var(--clr--green-footer-background);padding:3rem;display:flex;flex-direction:column;align-items:center}footer>img{filter:invert(70%) sepia(15%) saturate(1500%) hue-rotate(125deg) brightness(110%) contrast(100%)}footer>div{display:flex;gap:2rem;margin:1.5rem 0}footer>div>p{color:var(--clr--green-500-footer)}footer>div>p:hover{cursor:pointer;color:var(--clr--white)}.brand-logo>img:hover{filter:brightness(0) invert(1)}@media (min-width: 40rem){header{padding:1rem 2rem}.hamburger-react,.mobile-links{display:none}ul,.desktop-links{display:flex}.desktop-links li{color:var(--clr--white);padding:1rem 1.5rem}.desktop-links li:hover{cursor:pointer;background-color:#92d9fc;border-radius:3rem}main{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}main picture:nth-child(1){grid-column-start:2;grid-column-end:3}main div:nth-child(2){grid-row-start:1;grid-row-end:2}.body-info-text-div{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:clamp(1rem,1.3vw + 1.5rem,4rem)}.body-info-text-div>p{font-size:clamp(.8rem,1.8vw,1.5rem)}.product-stats-one>p{font-size:clamp(.8rem,1.4vw + .25rem,1.2rem)}.product-stats-two>p{font-size:clamp(.8rem,1.4vw + .25rem,1.2rem)}button{font-size:clamp(1rem,2.2vw,1.7rem);margin-top:clamp(.2rem,.8vw,1.7rem)}.yellow-line,.red-line{width:clamp(8rem,10vw + 4rem,12rem)}.testimonial-card{display:flex;gap:1rem}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}}@media (min-width: 60rem){.body-info-text-div{padding:4.4rem}.product-info>div{padding:4rem}}