css /* Monday Blues Remedies Style.css */ @import url('https://fonts.googleapis.com/css2?family=Rock+Monster&family=Press+Play:italics&display=swap'); body { background-color: #f0f0f0; font-family: 'Press Play'; font-size: 24px; colorประก } h1 { font-size: 48px; color: #FF69B4; border-bottom: 4px solid #000000; margin-bottom: -10px; padding-bottom: 10px; } h2 { font-size: 32px; color: #FF69B4; ประก margin-bottom: -10px; padding-bottom: 10px; border-bottom: 4px solid #000000; } h3 { font-size: 24px; color: #FF69B4; margin-bottom: -10px; padding-bottom: 10px; border-bottom: 4px solid #000000; } p { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 4px solid #000000; font-family: 'Rock Monster', cursive; font-size: 18px; } a { text-decoration: none; ประก color: #FF69B4; border-bottom: 4px solid #000000; margin-bottom: -10px; padding-bottom: 10px; background-color: #f0f0f0; border-radius: 4px; transition: background-color 0.5s; } a:hover { background-color: #f0f0f0; } a:active { background-color: #f0f0f0; } a:visited { background-color: #f0f0f0; } /* Monday Blues Remedies Logo (a.k.a. The Monday Motivator) */ #logo { position: absolute; top: 10%; left: 10%; width: 80%; height: 20%; background-color: #f0f0f0; border: 4px solid #000000; border-radius: 4px; font-size: 24px; font-family: 'Rock Monster', cursive; text-align: center; padding: 10px; box-shadow: 5px 5px 5px #000000; } /* Monday Motivator Menu (a.k.a. The Monday Motivator Menu) */ #motivator-menu { position: absolute; top: 30%; left: 10%; width: 80%; height: 10%; background-color: #f0f0f0; border: 4px solid #000000; border-radius: 4px; font-size: 18px; font-family: 'Press Play'; text-align: center; padding: 10px; box-shadow: 5px 5px 5px #000000; list-style: none; margin: 0; padding: 0; overflow: hidden; } #motivator-menu a { display: inline-block; text-decoration: none; color: #FF69B4; border-bottom: 4px solid #000000; margin-bottom: -10px; padding-bottom: 10px; background-color: #f0f0f0; border-radius: 4px; transition: background-color 0.5s; position: relative; width: 100%; text-align: center; } ประก #motivator-menu a:hover { background-color: #f0f0f0; } #motivator-menu a:active { background-color: #f0f0f0; } #motivator-menu a:visited { background-color: #f0f0f0; }