:root{--veryDarkMagenta: hsl(300, 43%, 22%);--softPink: hsl(333, 80%, 67%);--darkGrayishMagenta: hsl(303, 10%, 53%);--lightGrayishMagenta: hsl(300, 24%, 96%);--white: hsl(0, 0%, 100%);--fs-main: 62.5%}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}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}html{font-size:var(--fs-main);font-family:League Spartan,sans-serif;font-weight:400}body{display:grid;place-items:center;background-color:#fff;margin:0}.container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px}.intro,.ratings,.testimonials{display:flex;flex-direction:column;align-items:center}.testimonials{gap:2rem;align-items:stretch;margin:1rem}.testimonialsCard{background-color:var(--veryDarkMagenta);padding:3rem 4rem;border-radius:.9rem}.testimonialsCard img{width:40px;height:40px;border-radius:50%}.testimonialsCard h4{margin:0;color:var(--white);font-size:1.2rem;font-weight:500}.testimonialsCard span{color:var(--softPink);font-size:1.1rem;font-weight:4400}.testimonialsCard p{color:var(--white);font-size:1.3rem;font-weight:400}.avatarNameAndTitleContainer{display:flex;align-items:center;gap:1.5rem}.intro h1{color:var(--veryDarkMagenta);font-weight:800}.intro p{color:var(--darkGrayishMagenta);font-size:1.2rem;text-align:center;margin:1rem}.starsContainer img{display:inline-block;width:1.3rem}.starsContainer{display:flex;gap:.4rem}.ratingsContainer{display:flex;flex-direction:column;align-items:center;gap:.8rem;background-color:var(--lightGrayishMagenta);padding:1rem 10rem;border-radius:.8rem}.ratingsContainer p{margin:0;color:var(--veryDarkMagenta);font-size:1.3rem;font-weight:700;white-space:nowrap}.topRight{display:flex;flex-direction:column;gap:1rem;padding:0 3rem}@media (min-width: 768px){.container{grid-template-columns:1fr 1fr;grid-template-areas:"intro ratings" "testimonials testimonials";margin:0 auto;align-items:center;justify-content:flex-end;padding:2rem;max-width:1200px}.intro{grid-area:intro;text-align:center}.intro h1{color:var(--veryDarkMagenta);font-weight:800;font-size:4rem;margin-bottom:2rem}.intro p{color:var(--darkGrayishMagenta);font-size:2rem}.ratings{grid-area:ratings}.testimonials{grid-area:testimonials;flex-direction:row;align-items:flex-start}.topRight{align-items:flex-start;padding:0}.ratingsContainer{flex-direction:row;align-items:center;padding:1rem 2rem}.ratingsTextContainer{margin:0}.topRight div:nth-child(2){margin-left:3rem}.topRight div:nth-child(3){margin-left:6rem;padding:1rem 3rem}.testimonials div:nth-child(2){margin-top:2rem}.testimonials div:nth-child(3){margin-top:4rem}}