/* 
COPYRIGHT AVALANCHE PLEASE DONT REUSE!
SKID = BAD!!
*/
.games{
    width:100%;
    height:230px;
    display:flex;
    gap:19px;
    flex-wrap:nowrap;
    overflow-x: auto;
    flex-direction: row;
 }
 .game-container{
    /*border:1px solid gray;*/
    cursor:pointer;
    width:144px !important;
    height:230px !important;
    /*display:grid;*/
    justify-items:center;
 }
 .game-title{
    min-height: 40px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin:0;
 }
 .game-image{
    width:150px;
    height:150px;
    border-radius:8px;
 }
 .icon-votes-gray{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDY0Ij48dGl0bGU+bGlnaHRfY29tbW9uX3NtYWxsPC90aXRsZT48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMi43MTMgNC4yODdBNi4wMDIgNi4wMDIgMCAwIDAgMi4zNDEgNkguMjUyYTguMDAzIDguMDAzIDAgMCAxIDEzLjg4My0zLjEzNWwxLjAxMS0xLjAxMWEuNS41IDAgMCAxIC44NTQuMzUzVjZoLTMuNzkzYS41LjUgMCAwIDEtLjM1My0uODU0em0tOS40MjYgNy40MjZBNi4wMDIgNi4wMDIgMCAwIDAgMTMuNjU5IDEwaDIuMDg5YTguMDAzIDguMDAzIDAgMCAxLTEzLjg4MyAzLjEzNUwuODU0IDE0LjE0NkEuNS41IDAgMCAxIDAgMTMuNzkzVjEwaDMuNzkzYS41LjUgMCAwIDEgLjM1My44NTR6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNyIgZD0ibTEzLjIwMyAzOC44MTItMS45ODguMDA4YTEuMjkgMS4yOSAwIDAgMC0xLjExNS45NzVMOC41NjggNDYuMTRhMS4zMDUgMS4zMDUgMCAwIDAgMS4xODUgMS42MDlsMS45MzItLjAwM2MuODUzIDAgMS41ODgtLjYwMyAxLjc1Ni0xLjQ0bDEuMDg0LTUuNDA2YTEuNzkgMS43OSAwIDAgMC0xLjMyMi0yLjA4OG0tNS44OTcgNy4wOTQgMS41MzItNi4zNDVjLjA2NS0uMjcxLjE3OS0uNTIuMzI3LS43NDNsLTEuMDk4LS4wMDUuODE4LTQuNDQ0QTIgMiAwIDAgMCA2LjkxOCAzMmEuNzc1Ljc3NSAwIDAgMC0uNzUyLjU4OWwtMS4yMjUgNS4wOTNjLS4xNzkuNzA0LS41MTYgMS4xNTEtMS4xNTIgMS4xNTFBMS43OSAxLjc5IDAgMCAwIDIgNDAuNjIzdjUuMzQzYzAgLjk4OS44MDEgMS43OSAxLjc4OSAxLjc5bDMuODctLjAwNmEyLjI4IDIuMjggMCAwIDEtLjM1My0xLjg0NE0xNC44NSA2MmMwLTItMS43MS0zLjg0LTMuMTYtNWE1LjkgNS45IDAgMCAwLTEuNzQtMSAzLjA1IDMuMDUgMCAwIDAgMi4xOC0yLjkydi0yYTMgMyAwIDAgMC0zLjA1LTNIN2EzLjA1IDMuMDUgMCAwIDAtMyAzLjAzdjJhMyAzIDAgMCAwIDIuMiAyLjkyIDYuNCA2LjQgMCAwIDAtMS43MS45N0MzIDU4LjEzIDEuMjggNjAgMS4yNyA2MnYuMTRjMCAuNDggMy40MSAxLjgxIDYuNzkgMS44MXM2Ljc5LTEuMzMgNi43OS0xLjgxem0tNyAuNDJhLjY0LjY0IDAgMCAxLTEtLjUxdi0zLjYzYS42NC42NCAwIDAgMSAxLS41MUwxMSA2MC4xeiIvPjxwYXRoIGQ9Ik0xMS4zNzIgMjQuODc5IDYuNDkgMjkuNzZhLjg4OS44ODkgMCAxIDAgMS4yNTcgMS4yNTdsNi4zOTgtNi4zOThhLjg5Ljg5IDAgMCAwIDAtMS4yNTdsLTYuMzk4LTYuMzk4YS44ODkuODg5IDAgMCAwLTEuMjU3IDEuMjU3bDQuODc5IDQuODc5SC44ODlhLjg4OS44ODkgMCAxIDAgMCAxLjc3OHoiLz48L2c+PC9zdmc+);
    background-size: 32px;
    width: 16px;
height: 16px;
display: inline-block;
 }
 .icon-online-gray{
    margin-left:13px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSI2NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDY0Ij48dGl0bGU+bGlnaHRfY29tbW9uX3NtYWxsPC90aXRsZT48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMi43MTMgNC4yODdBNi4wMDIgNi4wMDIgMCAwIDAgMi4zNDEgNkguMjUyYTguMDAzIDguMDAzIDAgMCAxIDEzLjg4My0zLjEzNWwxLjAxMS0xLjAxMWEuNS41IDAgMCAxIC44NTQuMzUzVjZoLTMuNzkzYS41LjUgMCAwIDEtLjM1My0uODU0em0tOS40MjYgNy40MjZBNi4wMDIgNi4wMDIgMCAwIDAgMTMuNjU5IDEwaDIuMDg5YTguMDAzIDguMDAzIDAgMCAxLTEzLjg4MyAzLjEzNUwuODU0IDE0LjE0NkEuNS41IDAgMCAxIDAgMTMuNzkzVjEwaDMuNzkzYS41LjUgMCAwIDEgLjM1My44NTR6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNyIgZD0ibTEzLjIwMyAzOC44MTItMS45ODguMDA4YTEuMjkgMS4yOSAwIDAgMC0xLjExNS45NzVMOC41NjggNDYuMTRhMS4zMDUgMS4zMDUgMCAwIDAgMS4xODUgMS42MDlsMS45MzItLjAwM2MuODUzIDAgMS41ODgtLjYwMyAxLjc1Ni0xLjQ0bDEuMDg0LTUuNDA2YTEuNzkgMS43OSAwIDAgMC0xLjMyMi0yLjA4OG0tNS44OTcgNy4wOTQgMS41MzItNi4zNDVjLjA2NS0uMjcxLjE3OS0uNTIuMzI3LS43NDNsLTEuMDk4LS4wMDUuODE4LTQuNDQ0QTIgMiAwIDAgMCA2LjkxOCAzMmEuNzc1Ljc3NSAwIDAgMC0uNzUyLjU4OWwtMS4yMjUgNS4wOTNjLS4xNzkuNzA0LS41MTYgMS4xNTEtMS4xNTIgMS4xNTFBMS43OSAxLjc5IDAgMCAwIDIgNDAuNjIzdjUuMzQzYzAgLjk4OS44MDEgMS43OSAxLjc4OSAxLjc5bDMuODctLjAwNmEyLjI4IDIuMjggMCAwIDEtLjM1My0xLjg0NE0xNC44NSA2MmMwLTItMS43MS0zLjg0LTMuMTYtNWE1LjkgNS45IDAgMCAwLTEuNzQtMSAzLjA1IDMuMDUgMCAwIDAgMi4xOC0yLjkydi0yYTMgMyAwIDAgMC0zLjA1LTNIN2EzLjA1IDMuMDUgMCAwIDAtMyAzLjAzdjJhMyAzIDAgMCAwIDIuMiAyLjkyIDYuNCA2LjQgMCAwIDAtMS43MS45N0MzIDU4LjEzIDEuMjggNjAgMS4yNyA2MnYuMTRjMCAuNDggMy40MSAxLjgxIDYuNzkgMS44MXM2Ljc5LTEuMzMgNi43OS0xLjgxem0tNyAuNDJhLjY0LjY0IDAgMCAxLTEtLjUxdi0zLjYzYS42NC42NCAwIDAgMSAxLS41MUwxMSA2MC4xeiIvPjxwYXRoIGQ9Ik0xMS4zNzIgMjQuODc5IDYuNDkgMjkuNzZhLjg4OS44ODkgMCAxIDAgMS4yNTcgMS4yNTdsNi4zOTgtNi4zOThhLjg5Ljg5IDAgMCAwIDAtMS4yNTdsLTYuMzk4LTYuMzk4YS44ODkuODg5IDAgMCAwLTEuMjU3IDEuMjU3bDQuODc5IDQuODc5SC44ODlhLjg4OS44ODkgMCAxIDAgMCAxLjc3OHoiLz48L2c+PC9zdmc+);
    background-size: 32px;
    width: 16px;
height: 16px;
display: inline-block;
 }
 .game-info{
    display:flex;
    margin:0;
    padding:0;
 }
 .game-info p{
    margin:0;
    padding:0;
    font-weight:50;
 }
 .games-title{
    font-weight:200;
    font-size:2.5rem;
 }