button.button:hover div{background-color:#000}.gameCard{transition:all .3s}.gameCard .content{height:320px;transition:all .3s}.gameCard:hover{transform:translateY(-10px);transition:all .3s}.gameCard:hover .content{height:320px}@media screen and (min-width:990px){.gameCard .content{height:158px}.gameCard:hover .content{height:274px}}@media screen and (min-width:1200px){.gameCard .content{height:120px}.gameCard:hover .content{height:300px}}@media screen and (min-width:1440px){.gameCard .content{height:115px}.gameCard:hover .content{height:300px}}.ball{position:absolute;top:300px;left:100px;width:60px;height:60px;background:#e89f4b;border-radius:50%;animation:throw 1.2s ease-out forwards;offset-path:path("M 0 0 Q 150 -150 300 0");offset-rotate:0deg}@keyframes throw{0%{offset-distance:0}to{offset-distance:100%}}@keyframes slide-in{0%{transform:translateX(10%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slide-right-in{animation:slide-in .4s ease-out forwards}@keyframes slide-in-bottom{0%{transform:translateY(10%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slide-bottom-in{animation:slide-in-bottom .4s ease-out forwards}