error.html

<style>
  @font-face {
      font-family: 'font1';
      src: url('zrnic.ttf'); 
  }


  @keyframes rainbowbackground {
    0%{background-position:90% 0%}
    50%{background-position:0% 85%}
    100%{background-position:90% 0%}
  }

  body {
    font-family: system, -apple-system, '.SFNSText-Regular', 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
    color: #fff;
    text-align: center;
    font-size: 30px;
    background: linear-gradient(200deg, #00ff00,#00adff,#ff0000);
    background-size: 2000% 2000%;

    animation: rainbowbackground 20s ease infinite;
    animation-fill-mode: forwards; 
    -webkit-app-region: drag;
  }
  
  h2 {
    padding: 0;
    margin: 0;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  form {
    position: fixed;
    bottom: -10%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }

  a {
    text-decoration: none;
    color: #ffffff;
    font-family: system, -apple-system, '.SFNSText-Regular', 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
    -webkit-app-region: no-drag;
  }

  #button {
    display: inline-block;
    border-radius: 4px;
    background-color: Transparent;
    /*background-color: (rgba(0, 0, 0, 100));*/
    border: 5px solid #ffffff;
    color: #ffffff;
    text-align: center;
    font-size: 40px;
    padding: 15px;
    width: 100px;
    margin: 5px;
    font-family: system, -apple-system, '.SFNSText-Regular', 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif;
    border-radius: 15px;
    transition: 0.1 ease-in-out;
    -webkit-app-region: no-drag;
  }
  #button:hover {
    color: #00ff00;
    border: 5px solid #00ff00;
  }
  #butto:active {
    opacity: 0;
  }
</style>
  
<h2>DiscordChroma has encountered an error!</h2>

<form>
  Please restart the program<br>
  <a id="button" href="javascript:window.close();" onclick="this.style.opacity = '0'">exit</a>
</form>