:root {
          --color1: #AE00FF;
          --color2: #CC5FFF;
          --color3: #000000;
          --color4: rgba(0, 0, 0, 0.8);
          --color5: #ffffff;
          --color6: rgba(255, 255, 255, 0.75);
          --color7: rgba(255, 255, 255, 0.50);
          --carousel-content-gap: 20px;
          --carousel-slide-portrait-width: 270px;
          --carousel-slide-portrait-height: 360px;
          --carousel-hover-portrait-width: 360px;
          --carousel-slide-landscape-width: 480px;
          --carousel-slide-landscape-height: 259px;
          --carousel-hover-landscape-width: 570px;
          --carousel-hover-scale: 1.2;
          --carousel-title-margin: 30px;
          --carousel-title-size: 1.6rem;
          --carousel-title-weight: 700;
          --carousel-background-color: transparent;
          --carousel-title-color: inherit;
          --common-padding: 15px;
          --max-width: 1800px;
        }
        
        @media (min-width: 1200px) {
          :root {
            --common-padding: 50px;
          }
        }

        @media (max-width: 799px) {
            :root {                --carousel-slide-portrait-height: 210px;                --carousel-slide-landscape-height: 150px;                --carousel-content-gap: 10px;                --carousel-title-margin: 5px;                --carousel-subtitle-margin: 25px;            }
        }

        @media (min-width: 800px) {
            :root {                --carousel-title-margin: 5px;                --carousel-subtitle-margin: 25px;            }
        }

        @media (min-width: 1200px) {
            :root {    --carousel-title-margin: 5px;    --carousel-subtitle-margin: 25px;        }
    }