<!DOCTYPE html>
<!-- saved from url=(0051)https://colorlib.com/etc/404/colorlib-error-404-19/ -->
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>404 - The Stuff Wasn't Found!</title>

    <style id="" media="all">
      * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      body {
        padding: 0;
        margin: 0;
      }

      #notfound {
        position: relative;
        height: 100vh;
      }

      #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }

      .notfound {
        max-width: 767px;
        width: 100%;
        line-height: 1.4;
        text-align: center;
        padding: 15px;
      }

      .notfound .notfound-404 {
        position: relative;
        height: 220px;
      }

      .notfound .notfound-404 h1 {
        font-family: "Kanit", sans-serif;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 186px;
        font-weight: 200;
        margin: 0px;
        background: linear-gradient(130deg, #ffa34f, #ff6f68);
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
        text-transform: uppercase;
      }

      .notfound h2 {
        font-family: "Kanit", sans-serif;
        font-size: 33px;
        font-weight: 200;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 25px;
        letter-spacing: 3px;
      }

      .notfound p {
        font-family: "Kanit", sans-serif;
        font-size: 16px;
        font-weight: 200;
        margin-top: 0px;
        margin-bottom: 25px;
      }

      .notfound a {
        font-family: "Kanit", sans-serif;
        color: #ff6f68;
        font-weight: 200;
        text-decoration: none;
        border-bottom: 1px dashed #ff6f68;
        border-radius: 2px;
      }

      .notfound-social > a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        width: 40px;
        font-size: 14px;
        color: #ff6f68;
        border: 1px solid #efefef;
        border-radius: 50%;
        margin: 3px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
      }
      .notfound-social > a:hover {
        color: #fff;
        background-color: #ff6f68;
        border-color: #ff6f68;
      }

      @media only screen and (max-width: 480px) {
        .notfound .notfound-404 {
          position: relative;
          height: 168px;
        }

        .notfound .notfound-404 h1 {
          font-size: 142px;
        }

        .notfound h2 {
          font-size: 22px;
        }
      }
    </style>

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <meta name="robots" content="noindex, follow" />
  </head>
  <body>
    <div id="notfound">
      <div class="notfound">
        <div class="notfound-404">
          <h1>404</h1>
        </div>
        <h2>Oops! Nothing was found</h2>
        <p>The page you are looking for might have been removed had its name changed or is temporarily unavailable.</p>
      </div>
    </div>
  </body>
  <span
    style="
      --colorTabBar: var(--colorAccentBg);
      --colorFg: #222222;
      --colorFgAlpha: #2222221a;
      --colorFgIntense: #000000;
      --colorFgFaded: #545454;
      --colorFgFadedMore: #727272;
      --colorFgFadedMost: #9e9e9e;
      --colorBg: #f6f6f6;
      --colorBgAlpha: #f6f6f6e6;
      --colorBgAlphaHeavy: #f6f6f6a6;
      --colorBgAlphaHeavier: #f6f6f640;
      --colorBgAlphaBlur: #f6f6f6eb;
      --colorBgDark: #eeeeee;
      --colorBgDarker: #e7e7e7;
      --colorBgLight: #fbfbfb;
      --colorBgLighter: #ffffff;
      --colorBgLightIntense: #ffffff;
      --colorBgIntense: #ffffff;
      --colorBgIntenser: #ffffff;
      --colorBgIntserAlpha: #fbfbfbf2;
      --colorBgInverse: #f1f1f1;
      --colorBgInverser: #e1e1e1;
      --colorBgFaded: #e7e7e7;
      --backgroundBlur: blur(5px);
      --colorHighlightBg: #4c70f0;
      --colorHighlightBgUnfocused: #e7e7e7;
      --colorHighlightBgAlpha: #4c70f01a;
      --colorHighlightBgDark: #255ad6;
      --colorHighlightFg: #ffffff;
      --colorHighlightFgAlpha: #ffffff80;
      --colorHighlightFgAlphaHeavy: #ffffff40;
      --colorAccentBg: #ef3939;
      --colorAccentBgAlpha: #ff7b6d66;
      --colorAccentBgAlphaHeavy: #ff7b6d40;
      --colorAccentBgDark: #d81c29;
      --colorAccentBgDarker: #b50011;
      --colorAccentBgFaded: #ca443c;
      --colorAccentBgFadedMore: #ff564e;
      --colorAccentBgFadedMost: #ff7b6d;
      --colorAccentBorder: #e32c31;
      --colorAccentBorderDark: #d51827;
      --colorAccentFg: #ffffff;
      --colorAccentFgFaded: #f9c9c9;
      --colorAccentFgAlpha: #ffffff40;
      --colorBorder: #dcdcdc;
      --colorBorderDisabled: #e5e5e5;
      --colorBorderSubtle: #e3e3e3;
      --colorBorderIntense: #c8c8c8;
      --colorSuccessBg: #06a700;
      --colorSuccessBgAlpha: #06a7001a;
      --colorSuccessFg: #ffffff;
      --colorWarningBg: #efaf00;
      --colorWarningBgAlpha: #efaf001a;
      --colorWarningFg: #000000;
      --colorErrorBg: #c64539;
      --colorErrorBgAlpha: #c645391a;
      --colorErrorFg: #ffffff;
      --colorWindowBg: #ef3939;
      --colorWindowFg: #ffffff;
      --radiusRound: 100px;
      --radiusRounded: 2px;
      --radiusRoundedLess: 2px;
      --radius: 4px;
      --radiusHalf: 2px;
      --scrollbarWidth: 12px;
      --colorImageCenterFg: rgb(0, 0, 0);
      --colorImageCenterFgAlpha: rgba(0, 0, 0, 0.6);
      --colorImageCenterFgAlphaHeaviest: rgba(0, 0, 0, 0.05);
      --colorImageCenterBg: rgb(220, 223, 222);
      --colorImageCenterBgAlpha: rgba(220, 223, 222, 0.6);
      --colorImageCenterBgAlphaHeavy: rgba(220, 223, 222, 0.3);
      --colorImageTopFg: rgb(255, 255, 255);
      --colorImageTopFgAlpha: rgba(255, 255, 255, 0.6);
      --colorImageTopFgAlphaHeaviest: rgba(255, 255, 255, 0.05);
      --colorImageTopBg: rgb(58, 18, 1);
      --colorImageTopBgAlpha: rgba(58, 18, 1, 0.6);
      --colorImageTopBgAlphaHeavy: rgba(58, 18, 1, 0.3);
      --colorImageRightFg: rgb(0, 0, 0);
      --colorImageRightFgAlpha: rgba(0, 0, 0, 0.6);
      --colorImageRightFgAlphaHeaviest: rgba(0, 0, 0, 0.05);
      --colorImageRightBg: rgb(220, 224, 225);
      --colorImageRightBgAlpha: rgba(220, 224, 225, 0.6);
      --colorImageRightBgAlphaHeavy: rgba(220, 224, 225, 0.3);
      --colorImageBottomFg: rgb(0, 0, 0);
      --colorImageBottomFgAlpha: rgba(0, 0, 0, 0.6);
      --colorImageBottomFgAlphaHeaviest: rgba(0, 0, 0, 0.05);
      --colorImageBottomBg: rgb(219, 221, 222);
      --colorImageBottomBgAlpha: rgba(219, 221, 222, 0.6);
      --colorImageBottomBgAlphaHeavy: rgba(219, 221, 222, 0.3);
      --colorImageLeftFg: rgb(255, 255, 255);
      --colorImageLeftFgAlpha: rgba(255, 255, 255, 0.6);
      --colorImageLeftFgAlphaHeaviest: rgba(255, 255, 255, 0.05);
      --colorImageLeftBg: rgb(58, 18, 1);
      --colorImageLeftBgAlpha: rgba(58, 18, 1, 0.6);
      --colorImageLeftBgAlphaHeavy: rgba(58, 18, 1, 0.3);
    "
  ></span>
</html>
