css body { background: #f0c0c0; color: #f0f0f0; font-family: 'Futura', sans-serif; margin: 0 auto; padding: 0; } h1 { font-size: 32px; font-weight: 700; color: #f0f0f0; text-shadow: 0 1px 0 #000000; border-top: 4px solid #000000; margin-bottom: 16px; padding-top: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } h2 { font-size: 24px; font-weight: 600; color: #f0f0f0; text-shadow: 0 1px 0 #000000; border-top: 4px solid #000000; margin-bottom: 16px; padding-top: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } p { font-size: 18px; font-weight: 400; color: #f0f0f0; text-shadow: 0 1px 0 #000000; border-bottom: 4px solid #000000; margin-bottom: 16px; padding-bottom: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } h3 { font-size: 18px; font-weight: 500; color: #f0f0f0; text-shadow: 0 1px 0 #000000; border-bottom: 4px solid #000000; margin-bottom: 16px; padding-bottom: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } a { text-decoration: none; color: #f0f0f0; font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 #000000; border: 4px solid #000000; margin: 8px; padding: 8px; border-radius: 8px; transition: all 0.2s; display: inline-block; text-align: center; white-space: nowrap; } a:hover { border: 4px solid #000000; background: #f0f0f0; color: #000000; text-shadow: 0 1px 0 #ffffff; transition: all 0.2s; } a:link { text-decoration: none; color: #f0f0f0; font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 #000000; border: 4px solid #000000; margin: 8px; padding: 8px; border-radius: 8px; } a:visited { text-decoration: none; color: #f0f0f0; font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 #000000; border: 4px solid #000000; margin: 8px; padding: 8px; border-radius: 8px; } a:active { text-decoration: none; color: #f0f0f0; font-size: 16px; font-weight: 400; text-shadow: 0 1px 0 #000000; border: 4px solid #000000; margin: 8px; padding: 8px; border-radius: 8px; }