!! NAVIGATION POST !!

<raw-code><center>

<img src="https://i.imgur.com/XHcPtWF.jpg" width="1000px">
<br><br><div style="width: 1000px; display: flex; flex-wrap: wrap;">
<div style="width: 25%; text-align: center; font-size: 1.25em; font-family: 'Permanent Marker', cursive;">
<a href="LINK">HOW'S MY DRIVING</a></div>

<div style="width: 25%; text-align: center; font-size: 1.25em; font-family: 'Permanent Marker', cursive;">
<a href="LINK">PLAYER CONTACT</a></div>

<div style="width: 25%; text-align: center; font-size: 1.25em; font-family: 'Permanent Marker', cursive; ">
<a href="LINK">IC INBOX</a></div>

<div style="width: 25%; text-align: center; font-size: 1.25em; font-family: 'Permanent Marker', cursive;">
<a href="LINK">SOMETHING</a></div>
</center></raw-code>

!! CSS !!

a {
color: #ae0404;
text-decoration: none;
background-color: none;
padding: 5%;
}

a:hover {
color: #fff;
background-color: #ae0404;
padding: 5%;
transition: background-color 1s ease;
text-decoration: none;
}

#content {
text-align: center;
align-items: center;
}

@media only screen and (max-width: 45em) {
#canvas {margin:0px;
width:100%;}
#primary {
width: 100%;
margin: 0px;
padding:0px; }
}


/*subtitle*/

#subtitle {
font-family: 'permanent marker', cursive;
text-align: center;
font-size: 3em;
}

/*disabled*/

#secondary, .module-wrapper, .footer, #pagetitle, #footer, .datetime, .userpic, .entry-title, #title, .navigation {
display: none;
}