title.html

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="tilde.css" media="screen">
  <script src="title.js" async defer></script>
  <style>
  body {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
  }

  h1 {
    font-size: 200px;
    white-space: pre;
  }

  textarea {
    background: var(--bg);
    border: 0;
    color: var(--fg);
    font-family: monospace;
    font-size: 200px;
    font-weight: bold;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    white-space: pre;
  }

  .hidden {
  display: none;
  }
  </style>
  <title>title</title>
 </head>
 <body>
  <h1>title</h1>
  <textarea class="hidden">title</textarea>
 </body>
</html>