</head> **timeline of game releases in game timeline of story events pics <body> <div> <main> <h2><a href="https://gr0undzer0.neocities.org/main.html">WELCOME</a></H2> </main> </div> <footer id="footer" style="margin-top: 0px;">2024 neocities</footer> <style> a:link { color: rgb(138, 255, 157); background-color: transparent; text-decoration: none; } a:visited { color: rgb(141, 255, 115); background-color: transparent; text-decoration: none; } a:hover { color: rgb(21, 255, 0); background-color: transparent; text-decoration: underline; } a:active { color: yellow; background-color: transparent; text-decoration: underline; } H2 { } H2 { text-align: center; font-size: 6em; } :root { --body-bg-image: url('https://i.postimg.cc/P5s1QsrW/dark-water.gif'); } body { /* you can delete the line below if you'd prefer to not use an image this is for body text */ background-size: 500px; color: #FFFFFF; background-image: var(--body-bg-image); } * { box-sizing: border-box; } #container { } /* this is the color of the main content area, between the sidebars! */ main { background-color: #363636; flex: 1; padding: 20px; order: 2; } /* what's this "order" stuff about?? allow me to explain! if you're using both sidebars, the "order" value tells the CSS the order in which to display them. left sidebar is 1, content is 2, and right sidebar is 3! */ */ #leftSidebar { order: 1; } #rightSidebar { order: 3; } footer { background-color: #171717; /* background color for footer */ width: 100%; height: 40px; padding: 10px; text-align: center; </style> </body> </html>