/*
 * 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/custom-roku-app-for-a-leading-music-streamer/']) .column-1, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).column-1) {
margin-right: 30px;
}

:is(:where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']) .column-2, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).column-2) {
width:80%;
}

:is(:where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']) .row, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).row) {
width:100%;
    display: inline-flex;
    flex-wrap: wrap;
   margin-left:5px;
}

:is(:where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']) .column-1 img, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).column-1 img) {
margin-top: 30px;
}

@media  (max-width: 1023px) {
:is(:where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']) .row, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).row) {
margin-left: 5px;
}
}

:is(:where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']) .my-column, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).my-column) {
padding: 50px;
    border-radius: 5px;
   height: 550px;
}

@media (max-width: 768px) {
:is(:where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']) .my-column, :where([data-page='/portfolio/custom-roku-app-for-a-leading-music-streamer/']).my-column) {
margin-top: 35px;
    padding: 30px;
    height: 450px;
}
}