*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'League Spartan', sans-serif;
}

body {
font-size: 15px;
margin: 8rem;
background-image: url(./images/bg-pattern-top-desktop.svg),
url(./images/bg-pattern-bottom-desktop.svg);
background-position: top left, bottom right;
background-repeat: no-repeat;
}

.heading{
    display: flex;
    justify-content: space-between;
}

.left{
    width: 400px;
}

.left p{
    padding: 1rem 0rem;
    font-size: 1rem;
    color: hsl(303, 10%, 53%);

}

h1{
    color: hsl(300, 43%, 22%);
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 900;
}

p{
    color:  hsl(300, 24%, 96%);
    padding: 1rem 0rem;
    font-size: 1rem;
}


.boxes{
    display: flex;
    gap: 2%;

}

.box{
    background-color: hsl(300, 43%, 22%);
    color: hsl(300, 24%, 96%);
    border-radius: 10px;
    padding: 2rem 2rem 1rem 2rem;
    line-height: 1rem;
}

.top{
    display: flex;
    gap: 5%;
}

.imgs img{
    border-radius: 50%;
    width: 80%;
}

h5{
    color:  hsl(333, 80%, 67%);
}

.boxes p{
    font-size: 1rem;
    padding: 1rem 0rem;
    width: 300px;
}

.irene{
    margin-top: 1rem;
}

.anne{
    margin-top: 2rem;
}

.rated{
    color: hsl(300, 43%, 22%);
    font-weight: 700;
    font-size: 1rem;
    margin: 0rem 6rem;
}

li{
    list-style: none;
    background-color:  hsl(300, 24%, 96%);
    padding: 1rem 3rem;
    border-radius: 10px;
}
 
.b{
    margin: 1rem -3rem 0rem 3rem ;
}

.c{
    margin: 2rem -6rem 0rem 6rem;
}