css /* styles.css */ body { background-color: #F7F7F7; font-family: 'Bangers', cursive; font-size: 20px; } h1, h2, h3, h4, h5, h6 { border-bottom: 4px solid #000000; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #000000; color: #000000; text-align: center; padding-bottom: 10px; margin-bottom: 20px; background-color: #F7F7F7; border-top: 4px solid #FF00FF; border-top-style: solid; border-top-width: 4px; border-top-color: #FF00FF; box-shadow: 0px 0px 10px #000000; } h1 { font-size: 48px; margin-top: 0px; margin-bottom: 20px; } h2 { font-size: 36px; margin-top: 20px; margin-bottom: 20px; } h3 { font-size: 28px; margin-top: 20px; margin-bottom: 10px; } h4 { font-size: 24px; margin-top: 10px; margin-bottom: 20px; } h5 { font-size: 20px; margin-top: 20px; margin-bottom: 10px; } h6 { font-size: 18px; margin-top: 10px; margin-bottom: 20px; } p { font-size: 16px; margin-top: 20px; margin-bottom: 20px; background-color: #F7F7F7; } a { text-decoration: none; text-align: center; color: #000000; border-bottom: 4px solid #000000; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #000000; background-color: #FF00FF; padding: 5px 10px; margin: 10px 0px; } a:hover { background-color: #000000; color: #F7F7F7; border-bottom: 4px solid #FF00FF; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #FF00FF; transition: background-color 0.5s; } a:visited { background-color: #000000; color: #F7F7F7; border-bottom: 4px solid #FF00FF; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #FF00FF; } a:active { border-bottom: 4px solid #FF00FF; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #FF00FF; background-color: #000000; color: #F7F7F7; transition: border-bottom-color 0.5s; } body > * { margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; } body > * > * { margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; } body > * > * > * { margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; }