.content {
    margin-top: 30px;
}

.content__item {
    display: flex;
    padding: 12px 26px;
    background-color: var(--cl-light);
    border-radius: 5px;
}

.content-wrapper {
    gap: 5px;
}

.darktheme .content__item {
    background-color: var(--cl-dark-bg);
}

.darktheme .content__item h3,
.darktheme .content__item p {
    color: var(--cl-white);
}

.content__item a {
    color: var(--cl-main);
}

@media screen and (max-width: 720px) {
    .content__item {
        background-color: var(--cl-white);
        padding: 12px 20px;
    }

    .content-wrapper {
        gap: 10px;
    }

    .content__item h3 {
        font-size: 16px;
    }

    .content__item p {
        font-size: 14px;
    }
}