.roulette-wrapper{
    position:relative;
    display:flex;
    justify-content:center;
    width:50%;
    margin:0 auto;
    overflow:hidden;
  }

.roulette-wrapper .selector{
    width:3px;
    background:grey;
    left:50%;
    height:100%;
    transform:translate(-50%,0%);
    position:absolute;
    z-index:2;
}

.roulette-wrapper .wheel{
    display:flex;
    z-index:1;
}

.roulette-wrapper .wheel .row{
    display:flex;
    z-index:1;
}

.roulette-wrapper .wheel .row .card{
    height:92px;
    width:92px;
    margin:3px;
    border-radius:8px;
    border-bottom:3px solid rgba(0,0,0,0.2);
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:3em;
}

.card.red{
    background:#F95146; /* #F95146 */
}

.card.black{
    background:#2D3035; /* #2D3035 */
}

.card.green{
    background:#00C74D; /* #00C74D */
}

*{
    box-sizing:border-box;
}