body.CosmicTheme {
    --gradient-right: rgba(248, 70, 180, 0.301);
    --gradient-left: rgba(9, 243, 99, 0.247);
    --gradient-background: rgba(46, 13, 36, 0.93);
    --gradient-background-right: rgba(70, 227, 248, 0);
    --gradient-background-left: rgba(239, 243, 9, 0.13);
    --color-showcase-header: rgba(57, 24, 61, 0.93);
    --gradient-showcase-header-left: rgba(20, 60, 68, 0.93);
    --btn-background: rgb(90, 40, 92);
    --btn-background-hover: rgb(100, 50, 102);
    --btn-outline: rgba(140, 90, 142);
  }

  #pageContent {
    max-width: 976px;
    min-height: 224px;
    margin: 0 auto;
    background: radial-gradient( farthest-side at bottom right, var(--gradient-right), transparent 500px ), radial-gradient( farthest-corner at bottom left, var(--gradient-left), transparent 600px );
    background-color: var(--gradient-background);
    background-repeat: no-repeat;
    background-position: center;
  }

#bgContainer {
    position: absolute;
min-width: 100%;
min-height: 100%;
z-index: -99;
width: auto;
height: auto;
overflow: hidden;
}

video#bgVideo {
    position: absolute;
left: 50%;
transform: translateX(-50%);
width: 1920px;
    z-index: -100;    
    background-size: cover;
    }