/*
 * Generated by scripts/etl/transform.js — do not edit.
 *
 * One route's own Additional CSS, every rule prefixed with the page's [data-page]
 * attribute. See scripts/etl/page-css-scope.js for why.
 */
:is(:where([data-page='/portfolio/online-dating-app/']) .my-content, :where([data-page='/portfolio/online-dating-app/']).my-content) {
font-size: 1.125rem;
    line-height: 1.5;
    padding: 30px;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/online-dating-app/']) .my-content, :where([data-page='/portfolio/online-dating-app/']).my-content) {
margin-top: 35px;
    padding: 0px;
}
}

@media (max-width: 1024px) {
:is(:where([data-page='/portfolio/online-dating-app/']) .my-content, :where([data-page='/portfolio/online-dating-app/']).my-content) {
margin-top: 30px;
    padding: 0px;
}
}

:is(:where([data-page='/portfolio/online-dating-app/']) .my-row-column, :where([data-page='/portfolio/online-dating-app/']).my-row-column) {
display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    align-items: center;
}

:is(:where([data-page='/portfolio/online-dating-app/']) .column-divided-content__columns.columns-3 .column-divided-content__column, :where([data-page='/portfolio/online-dating-app/']).column-divided-content__columns.columns-3 .column-divided-content__column), :is(:where([data-page='/portfolio/online-dating-app/']) .column-divided-content__columns.columns-4 .column-divided-content__column, :where([data-page='/portfolio/online-dating-app/']).column-divided-content__columns.columns-4 .column-divided-content__column) {
padding: 30px;
}

:is(:where([data-page='/portfolio/online-dating-app/']) .slider-img-constructor-section .slider-img-list__item-img, :where([data-page='/portfolio/online-dating-app/']).slider-img-constructor-section .slider-img-list__item-img) {
height: 100px;
    line-height: 50px;
}