css /* styles.css */ /* Color scheme based on a bright and bold aesthetic, with high contrast colors and thick black borders */ body { background-color: #f7f7f7; color: #000; border: 1px solid #000; } a { color: #000; background-color: #fff; border: 1px solid #000; text-decoration: none; text-align: center; padding: 10px 20px; font-size: 24px; font-family: 'Open Sans', sans-serif; transition: background-color 0.5s; text-transform: uppercase; } h1 { font-size: 36px; font-family: 'Open Sans', sans-serif; text-align: center; margin: 0 0 10px 0; border-bottom: 2px solid #000; padding: 10px 0; background-color: #fff; box-shadow: inset 0 0 0 1px #000; } h2 { font-size: 24px; font-family: 'Open Sans', sans-serif; text-align: center; margin: 0 0 10px 0; border-bottom: 2px solid #000; padding: 5px 0; background-color: #fff; box-shadow: inset 0 0 0 1px #000; } p { font-size: 18px; font-family: 'Open Sans', sans-serif; text-align: center; margin: 0 0 20px 0; border-bottom: 1px solid #000; padding: 5px 0; background-color: #fff; box-shadow: inset 0 0 0 1px #000; } /* Drop shadows for added depth and visual interest */ .drop-shadow { box-shadow: 0 2px 10px #000; border: 1px solid #000; background-color: #fff; padding: 10px; margin: 5px; font-size: 18px; font-family: 'Open Sans', sans-serif; text-align: center; border-bottom: 2px solid #000; background: #fff; transition: background-color 0.5s; } /* Hyperlink styles for navigation and fun */ a:hover { background-color: #000; text-decoration: underline; color: #fff; transition: background-color 0.5s; } /* Hyperlinks for subpages and internal navigation */ a:visited { color: #000; text-decoration: none; background-color: #fff; border: 1px solid #000; text-align: center; padding: 5px 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; transition: background-color 0.5s; } /* Hyperlinks for subpages and internal navigation */ a:active { background-color: #000; text-decoration: underline; color: #fff; transition: background-color 0.5s; } /* Hyperlinks for subpages and internal navigation */ a:link { color: #000; text-decoration: none; background-color: #fff; border: 1px solid #000; text-align: center; padding: 5px 10px; font-size: 18px; font-family: 'Open Sans', sans-serif; transition: background-color 0.5s; }