.Roles {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
}

.Roles .Games {
    display:flex;
    margin-left:30px;
    border-radius:20px;
    overflow:hidden;
    transition:transform 0.3s;
    cursor:pointer;
    position:relative;
    height:300px;
    margin-bottom:60px;
    margin-top:70px;
}

.Roles .Games:hover {
    transform:translate(0px,-10px);
}

.Roles .Games p {
    color:white;
    width:100%;
    position:absolute;
    height:30%;
    bottom:0;
    margin-bottom:0;
    backdrop-filter:blur(10px);
    padding:8px;
}

#showmore {
    display:none;
    padding:20px;
    background-color:#FF00FF;
    cursor:pointer;
    transition:background-color 0.2s;
    color:white;
    text-align:center;
    margin-left:30px;
    width:90px;
}

#showmore:hover {
    background-color:#c26dc2;
}

#block {
    display:none;
    margin:30px;
}

.baseGame {
    color:gray;
}

.gameName {
    line-height:2.0;
}

.price {
    background-color:rgb(97, 94, 94);
    padding:5px;
    border-radius:5px;
}

main {
    align-items:center;
    justify-content:center;
}