Template:Main page navigation/styles.css

/* Navigation boxes */

.navigation-container { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; column-gap: 15px; row-gap: 15px; }

.gamebox { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 0; width: 100%; max-width: 275px; height: 200px;

background-color: rgba(220, 220, 220, 0.5);

text-align: center; }

body.skin-vector-legacy .gamebox { background-color: #0B1D39; }

.gamebox-header { display: inline-block; margin: 0; padding: 0; flex-grow: 0; }

.gamebox-header * { margin: 0; padding: 0; }

.gamebox-title { font-size: 2em; line-height: 1em; font-weight: bold; }

.gamebox-links { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 0; margin: 0 !important; padding: 0; text-align: center; list-style: none; }

.gamebox-links li { margin-top: 10px; }

/* small screens */ @media screen and (max-width: 500px) { .navigation-container { flex-direction: column; }	.gamebox { max-width: 75%; } }