Photo Booth Studio Error Page

error.html

<style>
  .bang {
    font-weight: 800;
    font-size: 300pt;
  }
  .bang::before {
    content: "!";
  }

  svg {
    font-size: 21.8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    position: absolute;
    width: 550px;
    height: 550px;
    margin-left: -207px;
    margin-top: 35px;
  }
  path {
    fill: transparent;
  }
  text {
    fill: #FF9800;
  }
</style>
<center>
  <svg width="550px" height="550px" viewBox="0 0 1250 1250" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <path id="almost-circle" d="M102,625 C102,367.531477 307.760842,102 625,102 C942.239158,102 1148,363.844833 1148,625 C1148,886.155167 942.239158,1148 625,1148 C307.760842,1148 102,862.177245 102,626.467985"></path>
    <text x="0">
      <textPath xlink:href="#almost-circle">
        ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!  ERROR!
      </textPath>
    </text>
  </svg>
  <b class="bang"></b>
</center>


<div class="w-100 bg-dark p-3 mb-0">
  <pre class="text-white-50">
    {
      "error": "login_required",
      "error_description": "Login required",
      "state": "eDFUNi5BT3hTaUJOT3luYTlCTVpOamhsRC5xZFQzRUF+LmUwVU9+d0NRMA=="
    }
  </pre>
</div>