css body { background-color: #000000; font-family: 'Arial', 'Helvetica', 'sans-serif'; font-size: 16px; line-height: 24px; margin: 0; padding: 0; } h1 { color: #FF69B4; text-shadow: 0 0 10px #FFFFFF; font-family: 'Arial', 'sans-serif', 'monospace'; font-size: 24px; font-weight: bold; margin-bottom: 10px; text-align: center; border-bottom: 4px solid #000000; padding-bottom: 5px; } h2 { color: #FFC080; text-shadow: 0 0 10px #FFFFFF; font-family: 'Arial', 'sans-serif', 'monospace'; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center; border-bottom: 4px solid #000000; padding-bottom: 5px; margin-top: -10px; padding-top: 5px; } h3 { color: #8BC0E7; text-shadow: 0 0 10px #FFFFFF; font-family: 'Arial', 'sans-serif', 'monospace'; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center; border-bottom: 4px solid #000000; padding-bottom: 5px; margin-top: -10px; padding-top: 5px; } p { color: #FFFFFF; font-size: 14px; line-height: 20px; margin: 0; padding: 0; text-align: center; } a { text-decoration: none; color: #000000; font-weight: bold; border-bottom: 4px solid #000000; padding-bottom: 5px; margin: 0 10px 10px 10px; text-align: center; } a:hover { text-decoration: underline; color: #FF69B4; background-color: #FFFFFF; } img { border: 1px solid #000000; border-radius: 10px; margin: 10px; width: 200px; height: 100px; } /* Styles for the mission report */ h1 { background-image: linear-gradient(#FF69B4, #FFFFFF); border: 2px solid #000000; padding: 10px 20px; border-radius: 10px; color: #FFFFFF; font-size: 28px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-align: center; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; } h2 { font-size: 20px; font-weight: bold; margin-bottom: 0; border-bottom: 4px solid #000000; padding-bottom: 5px; margin-top: -10px; padding-top: 5px; color: #8BC0E7; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; } h3 { font-size: 18px; font-weight: bold; margin-bottom: 0; border-bottom: 4px solid #000000; padding-bottom: 5px; margin-top: -10px; padding-top: 5px; color: #8BC0E7; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; } p { color: #FFFFFF; font-size: 14px; line-height: 20px; margin: 0; padding: 0; text-align: center; } img { border: 1px solid #000000; border-radius: 10px; margin: 10px; width: 200px; height: 100px; } /* Style for links */ a { color: #000000; font-weight: bold; border-bottom: 4px solid #000000; padding-bottom: 5px; margin: 0 10px 10px 10px; text-align: center; text-decoration: none; } a:hover { text-decoration: underline; color: #FF69B4; background-color: #FFFFFF; } /* Style for subpage links */ a.subpage { color: #000000; font-weight: bold; border-bottom: 4px solid #000000; padding-bottom: 5px; margin: 0 10px 10px 10px; text-align: center; text-decoration: none; background-image: linear-gradient(#FF69B4, #FFFFFF); border: 2px solid #000000; padding: 10px 20px; border-radius: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-align: center; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; } /* Style for image */ img { border: 1px solid #000000; border-radius: 10px; margin: 10px; width: 200px; height: 100px; background-image: linear-gradient(#FF69B4, #FFFFFF); border: 2px solid #000000; padding: 10px 20px; border-radius: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-align: center; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; } /* Style for image hover */ img:hover { background-image: linear-gradient(#FF69B4, #000000); border: 2px solid #000000; padding: 10px 20px; border-radius: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-align: center; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; } /* Style for image hover */ img { cursor: pointer; border: 1px solid #000000; border-radius: 10px; margin: 10px; width: 200px; height: 100px; background-image: linear-gradient(#FF69B4, #000000); border: 2px solid #000000; padding: 10px 20px; border-radius: 10px; color: #000000; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-align: center; text-shadow: 0 0 10px #000000; background-clip: border-box; box-shadow: inset 0 0 10px #000000; }