index.css

body{
    background-color: #0a0f1a;
    color: white;
    font-family: 'Luckiest Guy';
}
img{
    max-width: 100%;
    display: block;
}
p{
    margin: 0;
}

h2{
    margin: 30px 0px 10px 0px;
}
h3{
    text-align: center;
    font-size: 30px;
}
h4{
    font-size: 22px;
    margin: 8px 0 5px 0;
 
}
.vbuck{
    width: 20px;
    height: 20px;
    padding-right: 4px;
}
.itemBox{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#mainDiv{
    text-align: center;
    
}
.container{
    cursor: pointer;
    width: 240px;
    position: relative;
    margin: 5px 2px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.itemInfo{
    background: rgba(0,0,0,.3);
    text-align: center;
    position: absolute;
    top: 178px;
    width: 240px;
    height:65px;
}

#name{
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  
    -moz-animation: my-animation 15s linear infinite;
    -webkit-animation: my-animation 15s linear infinite;
    animation: my-animation 10s linear infinite;
}

.rarity-gaming_legends,
.gaminglegends{
    background: radial-gradient(#5447d4,#312497);
    border: 3px solid #8078ff;
}

.icon{
    background: radial-gradient(#36b7b7,#256b6b);
    border: 3px solid #52e0e0;
}

.uncommon{
    background: radial-gradient(#6abb1e,#175117);
    border: 3px solid #88e339;
}

.rare{
    background: radial-gradient(#2cc0ff,#143877);
    border: 3px solid #37d0ff;
}

.epic{
    background: radial-gradient(#c359ff,#4c2483);
    border: 3px solid #ea5eff;
}

.legendary{
    background: radial-gradient(#ea8d23,#78371d);
    border: 3px solid #e98d4b;
}

.starwars{
    background: radial-gradient(#1b366e,#081737);
    border: 3px solid #e7c413;
  }
.marvel{
    background: radial-gradient(#c53333,#761b1b);
    border: 3px solid #ef3537;
}
.dc{
    background: radial-gradient(#5475c7,#243461);
    border: 3px solid #6094ce;
}

@-webkit-keyframes my-animation {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
  }
  
  @keyframes my-animation {
    from {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }