body {margin:0;background:#000;}
.hero {background-image: url('../images/extinction-code-bg-desktop-no-logo.jpg');background-size:cover;background-position:center;background-repeat: no-repeat;background-attachment: fixed;height: 100vh;}
   
 @media (max-width: 768px) {
.hero {background-image: url('../images/extinction-code-bg-for-web-mobile.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;height: 100vh;}
}
.logo {text-align:center;}
.branded-logo {max-width:375px;width:100%;}
.extinction-code {color:#3366ff;padding:20px 60px;max-width: 700px;margin: 0 auto;}
.coming-soon {color:#cc00cc;padding: 30px 60px 20px 60px;text-align:center;font-size:20px;}
.creator-statement a {text-decoration:underline;color:#fff;text-align:center;text-transform:lowercase;font-face:verdana;}
.artist-statement{display:block;text-align:center;text-decoration:underline;font-size:24px;}
.copyright{display:block;color:#993399;text-align:center;padding:20px 20px;}
pre { overflow-x: auto;white-space: pre-wrap; /* Optional: allows long lines to wrap if desired */word-wrap: break-word; /* Optional: handles very long words within lines */}