css body { font-family: "Helvetica Neue", Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; width: 100%; height: 100vh; font-size: 18px; line-height: 1.5; text-transform: uppercase; color: #333; background-image: url('https://example.com/background.png'); background-size: 100% 100vh; background-position: 0 0; background-repeat: no-repeat; background-attachment: fixed; background-clip: border-box; } * { box-sizing: border-box; border: 1px solid black; border-radius: 0; transition: all 0s; text-align: center; } h1 { font-size: 36px; line-height: 1.2; font-weight: bold; letter-spacing: 2px; color: #f5f5f5; border-bottom: 4px solid #333; padding-bottom: 4px; margin-bottom: 4px; background-color: #333; background-image: linear-gradient(to bottom, #666 0 0, #666 0 2px); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; background-clip: border-box; border-radius: 0; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } h2 { font-size: 24px; line-height: 1.1; font-weight: bold; letter-spacing: 1px; color: #666; border-bottom: 4px solid #333; padding-bottom: 4px; margin-bottom: 4px; background-color: #333; background-image: linear-gradient(to bottom, #666 0 0, #666 0 2px); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; background-clip: border-box; border-radius: 0; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } h3 { font-size: 20px; line-height: 1.1; font-weight: bold; letter-spacing: 1px; color: #666; border-bottom: 4px solid #333; padding-bottom: 4px; margin-bottom: 4px; background-image: linear-gradient(to bottom, #666 0 0, #666 0 2px); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; background-clip: border-box; border-radius: 0; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } p { font-size: 18px; line-height: 1.5; font-weight: normal; letter-spacing: 1px; color: #666; border-bottom: 4px solid #333; padding-bottom: 4px; margin-bottom: 4px; background-image: linear-gradient(to bottom, #666 0 0, #666 0 2px); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; background-clip: border-box; border-radius: 0; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); } a { text-decoration: none; text-decoration-line: none; text-underline: none; text-underline-color: #666; text-underline-style: none; text-underline-width: 1px; text-underline-position: center; text-underline-border: 4px solid black; text-underline-radius: 0; text-underline-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); text-underline-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); -webkit-text-underline: 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-text-underline-border: 4px solid black; -webkit-text-underline-radius: 0; -webkit-text-underline-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); }