.reviewsSection
{
    width: 100%;
}

.reviewsTitle
{
    width: 100%;

    font-size: 50px;
    text-align: center;

    font-family: 'Salsa', 'Noto Sans', 'sans-serif';
}

.reviewsSubtitle
{
    width: 100%;

    font-size: 20px;
    text-align: center;

    margin-bottom: 30px;
}

.accordion
{
    width: 60%;
    margin: auto;
    margin-top: 10px;

    border-radius: 10px;
    overflow: hidden;

    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.65);
}

.accordion .button
{
    padding: 10px;
    padding-left: 15px;
    background-color: var(--brand);
    color: #FFFFFF;
    font-size: 25px;
}

.accordion .button:hover
{
    cursor: pointer;
}

.accordion .panel
{
    height: 0;
    overflow: hidden;
    padding: 0px;
    background-color: #FFFFFF;
    transition: all 0.4s ease;
}

.accordion .active
{
    height: max-content;
    padding: 10px;
}

.accordion .content
{
    font-size: 20px;
}

.accordion .date
{
    text-align: right;
}

@media only screen and (max-width: 800px) 
{
    .accordion
    {
        width: 90%;
    }
}