.cards { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; } .mb-4 { margin-bottom: 1rem; } .flex-end { display: flex; justify-content: flex-end; } .card { color: white; background-color: #524a3d; border-radius: 1rem; padding: 1rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); } .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; } @media screen and (max-width: 768px) { .grid { grid-template-columns: 1fr; } } .column { display: flex; flex-direction: column; gap: .5rem; justify-content: space-between; } .image { width: 100%; height: 100%; border-radius: 1rem; } .icon { width: 1rem; height: 1rem; color: white; } .flex { display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; } .anime-name { font-size: 1.25rem; font-weight: bold; } .discordButton { background: #ff6600; color: white; padding: .5rem 1rem; border-radius: .5rem; text-decoration: none; transition: background .2s; } .discordButton:hover { background: #ee6002; text-decoration: none; } .d-flex { display: flex; }