css /* style.css */ body { background-color: #f2f2f2; font-family: 'Arial, sans-serif'; margin: 0; padding: 0; border: 1px solid black; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-image: url('https://i.imgur.com/2r6o2.png'); background-size: 100%; background-position: 0 0; background-attachment: scroll; background-clip: content; -webkit-background-clip: content; -webkit-background-size: 100%; -webkit-background-position: 0 0; -webkit-background-size: 100%; -webkit-background-clip: content; background-attachment: scroll; } body > * { font-family: 'Arial, sans-serif'; font-size: 16px; line-height: 1.5; letter-spacing: 1px; color: #000; border: 2px solid #000; border-radius: 0px; padding: 0 10px; margin: 0; text-align: center; text-transform: uppercase; background-image: none; -webkit-appearance: none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } h1 { font-size: 24px; line-height: 1; letter-spacing: 2px; font-weight: bold; border-bottom: 4px solid #f2f2f2; border-top: 4px solid #000; background-color: #f2f2f2; background-image: linear-gradient(to bottom, #000 0, #f2f2f2 100%); background-position: 0 0; background-repeat: no-repeat; background-clip: content; border-radius: 0px; border-style: none; border-top-style: solid; border-bottom-style: solid; border-left-style: none; border-right-style: none; box-sizing: border-box; margin: 0 auto; padding: 0 20px; background-attachment: scroll; background-clip: content; background-origin: padding; text-align: center; background-size: 100%; background-position: 0 0; background-clip: content; background-attachment: scroll; background-size: 100%; -webkit-background-clip: content; -webkit-background-origin: padding; background-position: 0 0; background-repeat: no-repeat; background-clip: content; background-size: 100%; border-style: none; border-top-style: solid; border-bottom-style: solid; border-left-style: none; border-right-style: none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } h2 { font-size: 18px; line-height: 1.5; letter-spacing: 1.5px; font-weight: bold; border-bottom: 4px solid #f2f2f2; border-top: 4px solid #000; background-color: #f2f2f2; background-image: linear-gradient(to bottom, #000 0, #f2f2f2 100%); background-position: 0 0; background-repeat: no-repeat; background-clip: content; border-radius: 0px; border-style: none; border-top-style: solid; border-bottom-style: solid; border-left-style: none; border-right-style: none; box-sizing: border-box; margin: 0 20px; padding: 5px 20px; background-attachment: scroll; background-clip: content; background-origin: padding; text-align: center; background-size: 100%; background-position: 0 0; background-clip: content; background-attachment: scroll; background-size: 100%; -webkit-background-clip: content; -webkit-background-origin: padding; background-position: 0 0; background-repeat: no-repeat; background-clip: content; background-size: 100%; border-style: none; border-top-style: solid; border-bottom_style: solid; border-left_style: none; border-right_style: none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } h3 { font-size: 16px; line-height: 1; letter-spacing: 2px; font-weight: bold; border-bottom: 4px solid #f2f2f2; border-top: 4px solid #000; background-color: #f2f2f2; background-image: linear-gradient(to bottom, #000 0, #f2f2f2 100%); background-position: 0 0; background-repeat: no-repeat; background-clip: content; border-radius: 0px; border-style: none; border-top_style: solid; border-bottom_style: solid; border-left_style: none; border-right_style: none; box-sizing: border-box; margin: 0 auto; padding: 0 20px; background-attachment: scroll; background-clip: content; background-origin: padding; text-align: center; background-size: 100%; background-position: 0 0; background-clip: content; background-attachment: scroll; background-size: 100%; -webkit-background-clip: content; -webkit-background-origin: padding; background-position: 0 0; background-repeat: no-repeat; background-clip: content; background-size: 100%; border-style: none; border-top_style: solid; border-bottom_style: solid; border-left_style: none; border-right_style: none; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } h4 { font-size: 16px; line-height: 1; letter-spacing: 1px; font-weight: bold; border-bottom: 4px solid #f2f2f2; border-top: 4px solid #000; background-color: #f2f2f2; background-image: linear-gradient(to bottom, #000 0, #f2f2f2 100%); background-position: 0 0; background-repeat: no-repeat; background-clip: content; border-radius: 0px; border-style: none; border-top_style: solid; border-bottom_style: solid; border-left_style: none; border-right_style: none; box-sizing: border-box; margin: 0 auto; padding: 0 20px; background-attachment: scroll; background-clip: content; background-origin: padding; text-align: center; background-size: 100%; background-position: 0 0; background-clip: content; background-attachment: scroll; background-size: 100%; -webkit-background-clip: content; -webkit-background-origin: padding; background-position: 0 0; background-repeat: no-repeat; background-clip: content; background-size: 100%; border_style: none; border_top_style: solid; border_bottom_style: solid; border_left_style: none; border_right_style: none; -webkit_box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } p { font-size: 14px; line-height: 1.5; letter-spacing: 1px; font-family: 'Arial, sans-serif'; border-bottom: 4px solid #f2f2f2; border-top: 4px solid #000; background-color: #f2f2f2; background-image: linear-gradient(to bottom, #000 0, #f2f2f2 100%); background-position: 0 0; background-repeat: no-repeat; background-clip: content; border-radius: 0px; border-style: none; border-top_style: solid; border-bottom_style: solid; border_left_style: none; border_right_style: none; box-sizing: border-box; margin: 0 20px; padding: 5px 20px; background-attachment: scroll; background-clip: content; background-origin: padding; text-align: center; background-size: 100%; background-position: 0 0; background-clip: content; background-attachment: scroll; background-size: 100%; -webkit_background-clip: content; -webkit_background-origin: padding; background-position: 0 0; background-repeat: no-repeat; background-clip: content; background-size: 100%; border_style: none; border_top_style: solid; border_bottom_style: solid; border_left_style: none; border_right_style: none; _webkit_box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box_shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } a { text-decoration: none; color: #000; border: 2px solid #000; border-radius: 0px; background-image: linear-gradient(to bottom, #000 0, #f2f2f2 100%); background-position: 0 0; background-repeat: no-repeat; background-clip: content; border-style: none; border-top_style: solid; border-bottom_style: solid; border_left_style: none; border_right_style: none; box-sizing: border-box; margin: 0 20px; padding: 0 20px; background-attachment: scroll; background-clip: content; background-origin: padding; text-align: center; background-size: 100%; background-position: 0 0; background-clip: content; background-attachment: scroll; background-size: 100%; -webkit_background-clip: content; -webkit_background-origin: padding; background-position: 0 0; background-repeat: no-repeat; background-clip: content; background-size: 100%; border_style: none; border_top_style: solid; border_bottom_style: solid; border_left_style: none; border_right_style: none; _webkit_box_shadow: 0 0 10px rgba(0, 0, 0, 0.2); box_shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } /* END */