<!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <link rel="icon" href="https://glitch.com/favicon.ico" />
          <title>Game Boy Purple</title>
          <link rel="stylesheet" href="/style.css" />
        </head>
        <body>
          <div class="overlay"></div>
          <div class="content">
          </div>
        </body>
      </html>
      
      body {
        margin: 0;
      }

      .overlay {
        height: 100%;
        width: 100%;
        position: absolute;
        background: #7e669c7d;
        z-index: 1;
      }
      .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }