.gameCard{position:relative;transition:.1s;border-radius:10px;overflow:hidden;min-width:200px;flex:1;height:90px;background-image:var(--bgimage);box-shadow:0 10px 0 0 var(--shadowcolor);cursor:pointer;.bgImage{position:absolute;top:0;left:0;height:100%;width:100%;img{object-fit:cover;height:100%;width:100%}}.topContent{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;h4{text-shadow:0 0 10px rgba(255,255,255,1);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:black;@media screen and (min-width:768px){font-size:1.2rem}}}}.gameCard:hover{box-shadow:0 15px 0 0 var(--shadowcolor);transform:translateY(-5px)}.gameCard:active{box-shadow:0 0 0 0 var(--shadowcolor);transform:translateY(10px)}