css /* Asteroid Belt CSS */ body { background: linear-gradient(to bottom, #f7f7f7, #000); font-family: 'Press Start Pro', Arial, sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; } h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { font-weight: bold; text-align: center; color: #ff0000; border-top: 4px solid #000; margin: 0; padding: 0.5rem 0 0 0; } h1 { font-size: 3rem; border-bottom: 4px solid #000; margin: 1rem 0 0 0; } h2 { font-size: 2.5rem; border-bottom: 4px solid #000; margin: 0.5rem 0 0 0; } h3 { font-size: 2rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h4 { font-size: 1.5rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h5 { font-size: 1rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h6 { font-size: 0.5rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h7 { font-size: 0.5rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h8 { font-size: 0.25rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h9 { font-size: 0.2rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } h10 { font-size: 0.1rem; border-bottom: 4px solid #000; margin: 0 0 0 0; } a { text-decoration: none; color: #000; border: 4px solid #000; padding: 0.5rem 1rem; margin: 0 0 0 0; transition: background-color 0.5s ease; } a:hover { background-color: #000; color: #fff; } p { font-size: 1rem; color: #000; margin: 0 0 0 0; } p, li { line-height: 1.5rem; } ul { list-style: none; margin: 0; padding: 0; border: 0; } li { padding: 0.5rem 1rem; margin: 0 0 0 0; } img { max-width: 100%; height: auto; border: 4px solid #000; margin: 0 0 0 0; } /* Asteroid Belt Images */ img.asteroid-belt { background: #000; border: 4px solid #000; margin: 0 0 0 0; filter: brightness(0.5); opacity: 0.5; transition: filter 0.5s ease; } img.asteroid-belt:hover { filter: none; opacity: 1; } /* Navigation Links */ a:link { color: #000; text-decoration: none; font-weight: bold; border-bottom: 4px solid #000; margin: 0 0 0 0; transition: color 0.5s ease; } a:visited { color: #000; text-decoration: none; font-weight: bold; border-bottom: 4px solid #000; margin: 0 0 0 0; transition: color 0.5s ease; } a:hover:link { color: #000; text-decoration: none; font-weight: bold; border-bottom: 4px solid #000; margin: 0 0 0 0; transition: color 0.5s ease; } a:visited:link { color: #000; text-decoration: none; font-weight: bold; border-bottom: 4px solid #000; margin: 0 0 0 0; transition: color 0.5s ease; }