Vercel MCP

/* CARDS */ @import '../../config.scss'; .indexinfo{ background-color: white; text-decoration: none; } .gameIcon{ cursor: pointer; } .cards{ display: flex; flex-direction: row; justify-content: space-around; max-width: 800px; margin: auto; padding: 40px 0; align-items: center; @media (max-width: 675px) { flex-direction: column; } } .card{ display: flex; width: 30%; padding-right: 20px; padding-left: 20px; border: 3px solid black; border-radius: 3px; height:300px; flex-direction: column; cursor: pointer; transition: background-color 1s; text-decoration: none; @media (max-width: 675px) { margin: 20px 0; width: 220px; } } .card:hover{ background-color: $color1; } .card__icon{ width: 100%; margin-bottom: -30px; padding: 30px; } .card__text{ color: black; padding-left: 10px; padding-right: 10px; border-top: 2px solid black; text-align: center; } .card__text__title{ font-size: 1.5em; text-align: center; } .card__text__description{ padding-top: 10px; } .cryptocompare{ width: 30%; margin: 10px; } hr{ max-width: 900px; margin: 20px auto; } .credits{ display: flex; flex-direction: column; max-width: 800px; margin: auto; font-size: 14px; font-family: inherit; img{ margin: 10px auto; } } a{ text-decoration: none; }