.scroll-wrapper {
    width: 100vw;
    height: 90vh;
    overflow: hidden;
    position: absolute;
    line-height: 3;
    z-index: -2;

-webkit-mask-image: radial-gradient(farthest-side, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
mask-image: radial-gradient(farthest-side, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);

 
-webkit-mask-composite: intersect;
mask-composite: intersect;
user-select: none;
-webkit-user-drag: none;
}

.scroll-line {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    user-select: none;
}

.scroll-content {
    display: inline-block;
    animation: scroll-left 6s linear infinite;
}

.scroll-text {
    display: inline-block;
    font-size: 3vh; 
    padding-right: 2rem;
}

.cd{
    color: var(--cd);
    opacity: 0.6;
    font-family: valorant;
    margin-right: 3vw;
    
}
.non-cd {
    color:var(--noncd);
    opacity: 0.5;
    font-family: valorant;
    text-transform: uppercase;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}  


.content-tb {
    background-color: var(--background);   
    text-align: center;
    width: fit-content;
    padding: 10px;
    position: relative;
    overflow: visible;
    z-index: 1;
/* https://smoothshadows.com/#djEsMSwxMCwxLDMyMCwtMTEsLTUsI2Y5ZjdlZiwjMDAwMDAwLCNmZmZmZmYsMw%3D%3D */
/* https://smoothshadows.com/#djEsMSwxMCwxLDUxMiwwLDAsI2ZmZmZlMiwjZjNmNGY2LCNmZmZmZmYsMw%3D%3D */
box-shadow: 0px 0px 5px rgba(255, 255, 226, 0.10),
  0px 0px 20px rgba(255, 255, 226, 0.20),
  0px 0px 46px rgba(255, 255, 226, 0.30),
  0px 0px 82px rgba(255, 255, 226, 0.40),
  0px 0px 128px rgba(255, 255, 226, 0.50),
  0px 0px 184px rgba(255, 255, 226, 0.60),
  0px 0px 251px rgba(255, 255, 226, 0.70),
  0px 0px 328px rgba(255, 255, 226, 0.80),
  0px 0px 415px rgba(255, 255, 226, 0.90),
  0px 0px 512px rgba(255, 255, 226, 1.00);/* http://smoothshadows.com/#djEsMywxMCwxLDQyNSwzMiwwLCMwNzA3MDcsI2YzZjRmNiwjZmZmZmZmLDM%3D */
/*box-shadow: 0px 0px 4px rgba(7, 7, 7, 1.00),
0px 1px 17px rgba(7, 7, 7, 1.00),
0px 3px 38px rgba(7, 7, 7, 1.00),
0px 5px 68px rgba(7, 7, 7, 1.00),
0px 8px 106px rgba(7, 7, 7, 1.00),
0px 12px 153px rgba(7, 7, 7, 1.00),
0px 16px 208px rgba(7, 7, 7, 1.00),
0px 20px 272px rgba(7, 7, 7, 1.00),
0px 26px 344px rgba(7, 7, 7, 1.00),
0px 32px 425px rgba(7, 7, 7, 1.00);*/



    border-bottom-left-radius:420px ;
    border-bottom-right-radius: 420px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}
  
  /*
  .content-tb::after {
    content: "";
    position: absolute;
    top: 0;
    right: -6.5vw;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, rgba(245, 245, 220, 0), rgba(245, 245, 220, 1));
    pointer-events: none;
    z-index: 0;
  }
  .content-tb::before {
    content: "";
    position: absolute;
    top: 0;
    left: -6.5vw;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(245, 245, 220, 0), rgba(245, 245, 220, 1));
    pointer-events: none;
    z-index: 0;
  }*/