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; flex-wrap: no-wrap; }

.gamebox { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; margin: 0; padding: 10px; width: 100%; max-width: 275px; color: white; text-align: center; background-color: #0B1D39; border-bottom: 2px solid white; }

.gamebox:hover { border-bottom: 3px solid white; transition: border 0.2s; }

.gamebox-title { display: inline; margin: 0; padding: 0; flex-grow: 0; line-height: 5px; }

.gamebox-links { display: flex; flex-direction: column; align-items: left; justify-content: space-between; margin: 0; padding: 0; flex-grow: 1; text-align: left; }

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

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