/*
 * 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/sports-tv-platform/']) .my-column-icon, :where([data-page='/portfolio/sports-tv-platform/']).my-column-icon) {
display: flex;
    align-items: flex-start;
    padding-top: 50px;
}

:is(:where([data-page='/portfolio/sports-tv-platform/']) .my-column-one, :where([data-page='/portfolio/sports-tv-platform/']).my-column-one) {
position: relative;
   width: 80%;
}

:is(:where([data-page='/portfolio/sports-tv-platform/']) .my-column, :where([data-page='/portfolio/sports-tv-platform/']).my-column) {
position: relative;
    text-align: left;
    max-width: 100%;
    width: fit-content;
    padding: 50px;
    border-radius: 30px;
    height: 400px;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/sports-tv-platform/']) .my-column, :where([data-page='/portfolio/sports-tv-platform/']).my-column) {
margin-top: 35px;
    padding: 30px;
    height: 270px;
}
}