css /* Neo-Brutalist CSS */ body { font-family: Arial, sans-serif; background-color: #000000; background-image: linear-gradient(90deg, #FF0000, #00FF00); margin: 0; padding: 0; width: 100vw; height: 100vh; -webkit-print-color-adjust: none; -moz-print-color-adjust: none; -ms-print-color-adjust: none; -o-print-color-adjust: none; color: #FFFFFF; text-shadow: 0px 0px 4px #000000; box-shadow: inset 0px 0px 4px #000000; border: 4px solid #000000; border-radius: 0; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; font-size: 18px; font-weight: bold; } body::before { content: " "; font-size: 24px; line-height: 24px; font-weight: bold; color: #FFFFFF; text-align: center; background-color: #000000; background-image: linear-gradient(90deg, #FF0000, #00FF00); border: 4px solid #000000; border-radius: 0; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; display: block; margin: 0; padding: 0; width: 100vw; height: 100vh; } h1 { font-size: 48px; line-height: 48px; font-weight: bold; color: #FFFFFF; background-color: #000000; background-image: linear-gradient(90deg, #FF0000, #00FF00); border: 4px solid #000000; border-radius: 0; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; text-shadow: 0px 0px 4px #000000; box-shadow: inset 0px 0px 4px #000000; margin: 24px 0; padding: 0; text-align: center; } h2 { font-size: 24px; line-height: 24px; font-weight: bold; color: #FFFFFF; background-color: #000000; background-image: linear-gradient(90deg, #FF0000, #00FF00); border: 4px solid #000000; border-radius: 0; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; text-shadow: 0px 0px 4px #000000; box-shadow: inset 0px 0px 4px #000000; margin: 24px 0; padding: 0; text-align: center; } a { font-size: 18px; line-height: 18px; font-weight: bold; color: #000000; background-color: #FFFFFF; background-image: linear-gradient(90deg, #00FF00, #FF0000); border: 2px solid #000000; border-radius: 0; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; text-shadow: 0px 0px 4px #000000; box-shadow: inset 0px 0px 4px #000000; text-align: center; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor: pointer; } a:hover { background-color: #FF0000; background-image: linear-gradient(90deg, #FF0000, #00FF00); color: #000000; text-shadow: 0px 0px 4px #000000; box-shadow: inset 0px 0px 4px #000000; border: 2px solid #000000; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor: pointer; } img { width: 100%; height: 100vh; object-fit: cover; background-size: cover; background-image: linear-gradient(90deg, #FF0000, #00FF00); border: none; border-radius: 0; outline: 1px solid #000000; outline-offset: 1px; outline-width: 2px; outline-style: solid; outline-color: #FFFFFF; background-color: #000000; background-position: center; background-repeat: no-repeat; background-attachment: scroll; background-origin: border-box; background-clip: border-box; background-clip: padding-box; -webkit-background-clip: border-box; -moz-background-clip: border-box; -ms-background-clip: border-box; -o-background-clip: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* End of CSS */