css /* styles.css */ body { background-color: #f2f2f2; background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2); background-size: 200px 200px; background-position: 0 0; background-repeat: repeat; } /* Global Styles */ body { font-family: 'Press Start', sans-serif; font-weight: 700; font-size: 20px; line-height: 1.5; letter-spacing: 1px; color: #333; margin: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-size: 1.5em; margin: 0; padding: 0.5em; border-bottom: 4px solid #000; box-shadow: 0 1px 0 #000; text-transform: uppercase; } h1 { font-size: 2em; border-bottom: 8px solid #000; box-shadow: 0 2px 0 #000; letter-spacing: 2px; } h2 { font-size: 1.5em; border-bottom: 6px solid #000; box-shadow: 0 1.5px 0 #000; letter-spacing: 1.5px; } h3 { font-size: 1em; border-bottom: 4px solid #000; box-shadow: 0 1px 0 #000; letter-spacing: 1px; } h4, h5, h6 { font-size: 0.8em; border-bottom: 2px solid #000; box-shadow: 0 0.5px 0 #000; letter-spacing: 0.5px; } p, ul, ol, dl, blockquote, pre, code, abbr, acronym, abbr, address { font-size: 1.2em; line-height: 1.5; margin: 1em 0; padding: 0.5em; border-bottom: 1px solid #000; box-shadow: 0 0.5px 0 #000; letter-spacing: 0.5px; } pre, code, kbd, samp, var { font-size: 1em; font-family: 'Monospace', monospace; font-weight: 400; font-style: normal; margin: 1em 0; padding: 0.5em; border-bottom: 1px solid #000; box-shadow: 0 0.5px 0 #000; letter-spacing: 0.5px; } a { text-decoration: none; color: #00f; transition: color 200ms ease; font-weight: 400; font-size: 1.2em; text-transform: none; border-bottom: 1px solid #000; box-shadow: 0 0.5px 0 #000; letter-spacing: 0.5px; } a:hover { color: #0f0; text-shadow: 0 1px 0 #000; letter-spacing: 1px; } a:visited { font-weight: 300; text-decoration: line-through; opacity: 0.5; color: #777; text-shadow: 0 0 0 #000; letter-spacing: 0.5px; } a:active { font-weight: 700; text-decoration: underline; opacity: 1; color: #00f; text-shadow: 0 1px 0 #000; letter-spacing: 1px; }