@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{min-height:100dvh;font-family:League-Spartan,sans-serif;display:grid;place-items:center}.App{position:relative}.content{height:100%;width:100%;display:grid;gap:2rem;padding:1rem}.content .content__top,.content .content__top .content__top-desc{display:flex;flex-direction:column;gap:2rem}.content .content__top .content__top-desc h1{color:#502050;font-weight:bolder;padding:1rem 2rem;text-align:center}.content .content__top .content__top-desc .desc{color:#937b92;text-align:center;padding:0 .87rem;line-height:1.5rem}.content .content__top .reviews{display:grid;gap:1rem}.content .content__top .reviews .rating{background-color:#f7f2f7;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5rem;gap:1rem}.content .content__top .reviews .rating .rating__stars{display:flex;gap:.5rem}.content .content__top .reviews .rating .rating__area{color:#502050;font-weight:700}.content .users{display:grid;gap:2rem}.content .users .card{background-color:#502050;padding:3rem;color:#fff;display:grid;gap:2rem;border-radius:.75rem;font-size:15px}.content .users .card .card__top{display:flex;align-items:center;gap:1rem}.content .users .card .card__top img{border-radius:50%}.content .users .card .card__top .card__top-info{display:flex;flex-direction:column;gap:.1rem;letter-spacing:.1rem}.content .users .card .card__top .card__top-info p:last-child{color:#ee68a4}@media (min-width: 650px){.content{max-width:1440px}.content .content__top{flex-direction:row}.content .content__top .content__top-desc{flex:1}.content .content__top .content__top-desc h1{font-size:4rem}.content .content__top .content__top-desc h1,.content .content__top .content__top-desc .desc{text-align:left}.content .content__top .reviews{flex:1}}footer{text-align:center;color:#502050;padding:1rem}@media (min-width: 900px){.App{padding:0}.content{padding:5rem}}@media (min-width: 1200px){.content .content__top .content__top-desc h1{padding:0;padding-right:.5rem}.content .content__top .content__top-desc .desc{padding:0}.content .content__top .reviews .rating{flex-direction:row}.content .content__top .reviews .rating:nth-child(2){position:relative;left:3rem}.content .content__top .reviews .rating:last-child{position:relative;left:5rem}.content .users{grid-template-columns:repeat(3,1fr)}.content .users .card:nth-child(2){position:relative;top:2rem}.content .users .card:last-child{position:relative;top:4rem}}