Template:Main page navigation/styles.css

/* Template:Main page navigation/styles.css */

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

/* gameboxes */ .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); box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);

text-align: center; }

body.skin-vector-legacy .gamebox, body.skin-minerva .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; }

/* smallboxes */ .smallboxes { margin-top: 17px; }

.smallbox { width: 300px !important; height: 75px !important; }

.smallbox-title { font-size: 1.75em; }

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