<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->
<!-- if u came here 2 skid i will bomb u-->


<!DOCTYPE HTML>
<script src=js/title.js></script>
<html lang="en" class="font-lain bg-black text-white">
<script src=js/snowstorm.js></script>
<script>snowStorm.excludeMobile = false;</script>
  <script disable-devtool-auto="" src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>

<head>
  <link rel="stylesheet" href="/_next/static/css/22c286bf62ee0f80.css" data-precedence="next" />
  <title>claire</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="color-scheme" content="light only" />
  <meta name="description" content="claire" />
  <meta property="og:site_name" content="claire" />
  <meta property="og:title" content="claire" />
  <meta property="og:type" content="website" />
  <meta property="og:description" content="claire" />
  <meta property="og:image" content="https://i.imgur.com/kE5p9QB.png" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="1280" />
  <meta property="og:image:height" content="800" />
  <meta property="og:url" content="https://claire.rip" />
  <meta property="twitter:card" content="summary_large_image" />
  <link rel="canonical" href="https://claire.rip" />
  <link rel="stylesheet" href="/_next/static/css/22c286bf62ee0f80.css" data-precedence="next" />
  <script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" noModule=""></script>
  <script src="/_next/static/chunks/webpack-3ad206022dc70161.js" async=""></script>
  <script src="/_next/static/chunks/b7dfe19b-ef46172e32ab38bc.js" async=""></script>
  <script src="/_next/static/chunks/474-22938487d10afd47.js" async=""></script>
  <script src="/_next/static/chunks/main-app-7c73380e62704802.js" async=""></script>

<canvas class="fireworks"></canvas>

  <style>
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block;
    }

    body {
      line-height: 1;
    }

    ol,
    ul {
      list-style: none;
    }

    blockquote,
    q {
      quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: '';
      content: none;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    body {
      -webkit-text-size-adjust: none
    }

    mark {
      background-color: transparent;
      color: inherit
    }

    input::-moz-focus-inner {
      border: 0;
      padding: 0
    }

    input[type="text"],
    input[type="email"],
    select,
    textarea {
      -moz-appearance: none;
      -webkit-appearance: none;
      -ms-appearance: none;
      appearance: none
    }

    *,
    *:before,
    *:after {
      box-sizing: border-box;
    }

    body {
      line-height: 1.0;
      min-height: var(--viewport-height);
      min-width: 320px;
      overflow-x: hidden;
      word-wrap: break-word;
    }

    body:before {
      content: '';
      display: block;
      background-attachment: scroll;
      height: var(--background-height);
      left: 0;
      pointer-events: none;
      position: fixed;
      top: 0;
      transform: scale(1);
      width: 100vw;
      z-index: 0;
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22640%22%20height%3D%22480%22%20viewBox%3D%220%200%20640%20480%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22heart-beat%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-3.5%3B-0.5%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-3.0%3B0.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-3.0%3B0.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-2.5%3B0.5%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-2.0%3B1.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-2.0%3B1.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-1.5%3B1.5%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-1.0%3B2.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-1.0%3B2.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-0.5%3B2.5%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%220.0%3B3.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%220.0%3B3.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%220.5%3B3.5%22%20dur%3D%229s%22%20begin%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%221.0%3B4.0%22%20dur%3D%229s%22%20begin%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%221.0%3B4.0%22%20dur%3D%229s%22%20begin%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22heart-beat-lead%22%20x1%3D%220%22%20x2%3D%221%22%20y1%3D%220%22%20y2%3D%220%22%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-3.02%3B-0.02%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-3.0%3B0.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-3.0%3B0.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-2.02%3B0.98%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-2.0%3B1.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-2.0%3B1.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-1.02%3B1.98%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-1.0%3B2.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-1.0%3B2.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%22-0.02%3B2.98%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%220.0%3B3.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%220.0%3B3.0%22%20dur%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%220.98%3B3.98%22%20dur%3D%229s%22%20begin%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%22100%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%221.0%3B4.0%22%20dur%3D%229s%22%20begin%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%25%22%3E%20%3Canimate%20attributeName%3D%22offset%22%20values%3D%221.0%3B4.0%22%20dur%3D%229s%22%20begin%3D%229s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%20%3C%2Fstop%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20%23heart-beat%20stop%20%7B%20stop-color%3A%20%23FFFFFF%3B%20%7D%20%23heart-beat-lead%20stop%20%7B%20stop-color%3A%20%23FFFFFF%3B%20%7D%20path.main%20%7B%20stroke%3A%20url%28%27%23heart-beat%27%29%3B%20stroke-width%3A%203.01px%3B%20fill%3A%20transparent%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%20path.lead%20%7B%20stroke%3A%20url%28%27%23heart-beat-lead%27%29%3B%20stroke-width%3A%20calc%283.01px%20%2A%201.5%29%3B%20fill%3A%20transparent%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20vector-effect%3A%20non-scaling-stroke%3B%20%7D%20%3C%2Fstyle%3E%20%3Cpath%20class%3D%22lead%22%20d%3D%22M%200%2C240%20l%2049.1667%2C0%20l%2012%2C-10%20l%2015%2C20%20l%2015%2C-26%20l%206%2C106%20l%2020%2C-180%20l%2015%2C102%20l%2015%2C-20%20l%2010%2C15%20l%207%2C-7%20l%2049.1667%2C0%20l%2049.1667%2C0%20l%2012%2C-10%20l%2015%2C20%20l%2015%2C-26%20l%206%2C106%20l%2020%2C-180%20l%2015%2C102%20l%2015%2C-20%20l%2010%2C15%20l%207%2C-7%20l%2049.1667%2C0%20l%2049.1667%2C0%20l%2012%2C-10%20l%2015%2C20%20l%2015%2C-26%20l%206%2C106%20l%2020%2C-180%20l%2015%2C102%20l%2015%2C-20%20l%2010%2C15%20l%207%2C-7%20l%2049.1667%2C0%20%22%20%2F%3E%20%3Cpath%20class%3D%22main%22%20d%3D%22M%200%2C240%20l%2049.1667%2C0%20l%2012%2C-10%20l%2015%2C20%20l%2015%2C-26%20l%206%2C106%20l%2020%2C-180%20l%2015%2C102%20l%2015%2C-20%20l%2010%2C15%20l%207%2C-7%20l%2049.1667%2C0%20l%2049.1667%2C0%20l%2012%2C-10%20l%2015%2C20%20l%2015%2C-26%20l%206%2C106%20l%2020%2C-180%20l%2015%2C102%20l%2015%2C-20%20l%2010%2C15%20l%207%2C-7%20l%2049.1667%2C0%20l%2049.1667%2C0%20l%2012%2C-10%20l%2015%2C20%20l%2015%2C-26%20l%206%2C106%20l%2020%2C-180%20l%2015%2C102%20l%2015%2C-20%20l%2010%2C15%20l%207%2C-7%20l%2049.1667%2C0%20%22%20%2F%3E%3C%2Fsvg%3E'), linear-gradient(to top, rgba(0, 0, 0, 0.753), rgba(0, 0, 0, 0.753)), url('assets/images/bg.gif?v=f409c977');
      background-size: 100% 150%, auto, contain;
      background-position: center, 0% 0%, center;
      background-repeat: no-repeat, repeat, repeat;
      background-color: #FFFFFF;
    }

    body:after {
      background-color: #EDEDED;
      content: '';
      display: block;
      height: 100%;
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: fixed;
      top: 0;
      transform: scale(1);
      transition: opacity 1s ease-in-out 0s, visibility 1s 0s;
      visibility: hidden;
      width: 100%;
      z-index: 1;
    }

    body.is-loading:after {
      opacity: 1;
      visibility: visible;
    }

    :root {
      --background-height: 100vh;
      --site-language-alignment: left;
      --site-language-direction: ltr;
      --site-language-flex-alignment: flex-start;
      --site-language-indent-left: 1;
      --site-language-indent-right: 0;
      --viewport-height: 100vh;
    }

    html {
      font-size: 18pt;
    }

    u {
      text-decoration: underline;
    }

    strong {
      color: inherit;
      font-weight: bolder;
    }

    em {
      font-style: italic;
    }

    code {
      background-color: rgba(144, 144, 144, 0.25);
      border-radius: 0.25em;
      font-family: 'Lucida Console', 'Courier New', monospace;
      font-size: 0.9em;
      font-weight: normal;
      letter-spacing: 0;
      margin: 0 0.25em;
      padding: 0.25em 0.5em;
      text-indent: 0;
    }

    mark {
      background-color: rgba(144, 144, 144, 0.25);
    }

    spoiler-text {
      -webkit-text-stroke: 0;
      background-color: rgba(32, 32, 32, 0.75);
      text-shadow: none;
      text-stroke: 0;
      color: transparent;
      cursor: pointer;
      transition: color 0.1s ease-in-out;
    }

    spoiler-text.active {
      color: #FFFFFF;
      cursor: text;
    }

    s {
      text-decoration: line-through;
    }

    sub {
      font-size: smaller;
      vertical-align: sub;
    }

    sup {
      font-size: smaller;
      vertical-align: super;
    }

    a {
      color: inherit;
      text-decoration: underline;
      transition: color 0.25s ease;
    }

    #wrapper {
      -webkit-overflow-scrolling: touch;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: var(--viewport-height);
      overflow: hidden;
      position: relative;
      z-index: 2;
    }

    #main {
      --alignment: center;
      --flex-alignment: center;
      --indent-left: 1;
      --indent-right: 1;
      --border-radius-tl: 0;
      --border-radius-tr: 0;
      --border-radius-br: 0;
      --border-radius-bl: 0;
      align-items: center;
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      justify-content: center;
      max-width: 100%;
      position: relative;
      text-align: var(--alignment);
      z-index: 1;
    }

    #main>.inner {
      --padding-horizontal: 3rem;
      --padding-vertical: 3rem;
      --spacing: 0.75rem;
      --width: 40rem;
      border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
      max-width: 100%;
      position: relative;
      width: var(--width);
      z-index: 1;
      padding: var(--padding-vertical) var(--padding-horizontal);
    }

    #main>.inner>* {
      margin-top: var(--spacing);
      margin-bottom: var(--spacing);
    }

    #main>.inner> :first-child {
      margin-top: 0 !important;
    }

    #main>.inner> :last-child {
      margin-bottom: 0 !important;
    }

    #main>.inner>.full {
      margin-left: calc(var(--padding-horizontal) * -1);
      max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
      width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
    }

    #main>.inner>.full:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
      margin-top: calc(var(--padding-vertical) * -1) !important;
    }

    #main>.inner>.full:last-child {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      margin-bottom: calc(var(--padding-vertical) * -1) !important;
    }

    #main>.inner>.full.screen {
      border-radius: 0 !important;
      max-width: 100vw;
      position: relative;
      width: 100vw;
      left: 50%;
      margin-left: -50vw;
      right: auto;
    }

    body.is-instant #main,
    body.is-instant #main>.inner>*,
    body.is-instant #main>.inner>section>* {
      transition: none !important;
    }

    body.is-instant:after {
      display: none !important;
      transition: none !important;
    }

    .image {
      display: block;
      line-height: 0;
      max-width: 100%;
      position: relative;
    }

    .image .frame {
      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      vertical-align: top;
      width: 100%;
    }

    .image .frame img {
      border-radius: 0 !important;
      max-width: 100%;
      vertical-align: top;
      width: inherit;
    }

    .image.full .frame {
      display: block;
    }

    .image.full:first-child .frame {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }

    .image.full:last-child .frame {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
    }

    #image01 .frame {
      width: 10.5rem;
      border-radius: 100%;
      border-color: #FFFFFF;
      border-style: solid;
      border-width: 8px;
      box-shadow: 0rem 0rem 5.375rem 0rem rgba(0, 0, 0, 0.612);
      transition: filter 0.25s ease;
      filter: brightness(100%);
    }

    #image01 .frame:hover {
      filter: brightness(150%);
    }

    .icons {
      display: flex;
      flex-wrap: wrap;
      justify-content: var(--flex-alignment);
      letter-spacing: 0;
      padding: 0;
    }

    .icons li {
      position: relative;
      z-index: 1;
    }

    .icons li a {
      align-items: center;
      display: flex;
      justify-content: center;
    }

    .icons li a svg {
      display: block;
      position: relative;
    }

    .icons li a+svg {
      display: block;
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1;
    }

    .icons li a .label {
      display: none;
    }

    #icons01 {
      justify-content: center;
      font-size: 2.125em;
      gap: 1.375rem;
    }

    #icons01 li a {
      border-radius: 100%;
      height: 1em;
      width: 1em;
      transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
    }

    #icons01 li a svg {
      height: 100%;
      width: 100%;
      transition: fill 0.25s ease;
    }

    #icons01 a svg {
      fill: #FFFFFF;
    }

    #icons01 li a+svg {
      transition: transform 0.25s ease, fill 0.25s ease, stroke 0.25s ease;
    }

    #icons01 li a:hover {
      transform: scale(1.1125);
    }

    #icons01 li a:hover+svg {
      transform: scale(1.1125);
    }

    .icc-credits {
      display: block;
      opacity: 1 !important;
      position: relative;
      transition-delay: 0s !important;
    }

    .icc-credits span {
      border-radius: 24px;
      cursor: pointer;
      display: inline-block;
      font-family: Arial, sans-serif;
      font-size: 12px;
      letter-spacing: 0;
      line-height: 1;
      position: relative;
      text-decoration: none;
      width: auto;
    }

    .icc-credits span a {
      display: inline-block;
      padding: 0.5em 0.375em;
      position: relative;
      text-decoration: none;
      transition: color 0.25s ease, transform 0.25s ease;
      z-index: 1;
    }

    .icc-credits span a:before {
      content: '( ';
      opacity: 1;
      transition: opacity 0.25s ease;
    }

    .icc-credits span a:after {
      content: ' )';
      opacity: 1;
      transition: opacity 0.25s ease;
    }

    .icc-credits span::after {
      background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%);
      border-radius: inherit;
      box-shadow: 0 0.25em 1.25em 0 rgba(0, 0, 0, 0.25);
      content: '';
      display: block;
      height: calc(100% + 2px);
      left: -1px;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: -1px;
      transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
      width: calc(100% + 2px);
    }

    .icc-credits span:hover {
      text-transform: none !important;
    }

    .icc-credits span:hover a {
      color: #ffffff !important;
      transform: scale(1.1) translateY(-0.05rem);
    }

    .icc-credits span:hover a:before {
      opacity: 0;
    }

    .icc-credits span:hover a:after {
      opacity: 0;
    }

    .icc-credits span:hover::after {
      opacity: 1;
      transform: scale(1.1) translateY(-0.05rem);
    }

    #credits span {
      color: rgba(255, 255, 255, 0.498);
      margin-top: 0.75rem !important;
    }

    @media (max-width: 1920px) {}

    @media (max-width: 1680px) {
      html {
        font-size: 13pt;
      }
    }

    @media (max-width: 1280px) {
      html {
        font-size: 13pt;
      }
    }

    @media (max-width: 1024px) {}

    @media (max-width: 980px) {
      html {
        font-size: 11pt;
      }
    }

    @media (max-width: 736px) {
      html {
        font-size: 11pt;
      }

      #main>.inner {
        --padding-horizontal: 2rem;
        --padding-vertical: 3rem;
        --spacing: 0.75rem;
      }

      #image01 .frame {
        width: 10.5rem;
      }

      #icons01 {
        font-size: 2.125em;
        gap: 1.375rem;
      }
    }

    @media (max-width: 480px) {
      #main>.inner {
        --spacing: 0.65625rem;
      }
    }

    @media (max-width: 360px) {
      #main>.inner {
        --padding-horizontal: 1.5rem;
        --padding-vertical: 2.25rem;
        --spacing: 0.5625rem;
      }

      #icons01 {
        gap: 1.03125rem;
      }
    }
  </style><noscript>
    <style>
      body {
        overflow: auto !important;
      }

      body:after {
        display: none !important;
      }

      #main>.inner {
        opacity: 1.0 !important;
      }
    </style>
  </noscript>
</head>

<body class="is-loading"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" display="none" width="0" height="0">
    <symbol id="icon-85976685de3e4af37529a1ce5d57d2a7" viewBox="0 0 40 40">
      <path
        d="M20,7c4.2,0,4.7,0,6.3,0.1c1.5,0.1,2.3,0.3,3,0.5C30,8,30.5,8.3,31.1,8.9c0.5,0.5,0.9,1.1,1.2,1.8c0.2,0.5,0.5,1.4,0.5,3 C33,15.3,33,15.8,33,20s0,4.7-0.1,6.3c-0.1,1.5-0.3,2.3-0.5,3c-0.3,0.7-0.6,1.2-1.2,1.8c-0.5,0.5-1.1,0.9-1.8,1.2 c-0.5,0.2-1.4,0.5-3,0.5C24.7,33,24.2,33,20,33s-4.7,0-6.3-0.1c-1.5-0.1-2.3-0.3-3-0.5C10,32,9.5,31.7,8.9,31.1 C8.4,30.6,8,30,7.7,29.3c-0.2-0.5-0.5-1.4-0.5-3C7,24.7,7,24.2,7,20s0-4.7,0.1-6.3c0.1-1.5,0.3-2.3,0.5-3C8,10,8.3,9.5,8.9,8.9 C9.4,8.4,10,8,10.7,7.7c0.5-0.2,1.4-0.5,3-0.5C15.3,7.1,15.8,7,20,7z M20,4.3c-4.3,0-4.8,0-6.5,0.1c-1.6,0-2.8,0.3-3.8,0.7 C8.7,5.5,7.8,6,6.9,6.9C6,7.8,5.5,8.7,5.1,9.7c-0.4,1-0.6,2.1-0.7,3.8c-0.1,1.7-0.1,2.2-0.1,6.5s0,4.8,0.1,6.5 c0,1.6,0.3,2.8,0.7,3.8c0.4,1,0.9,1.9,1.8,2.8c0.9,0.9,1.7,1.4,2.8,1.8c1,0.4,2.1,0.6,3.8,0.7c1.6,0.1,2.2,0.1,6.5,0.1 s4.8,0,6.5-0.1c1.6-0.1,2.9-0.3,3.8-0.7c1-0.4,1.9-0.9,2.8-1.8c0.9-0.9,1.4-1.7,1.8-2.8c0.4-1,0.6-2.1,0.7-3.8 c0.1-1.6,0.1-2.2,0.1-6.5s0-4.8-0.1-6.5c-0.1-1.6-0.3-2.9-0.7-3.8c-0.4-1-0.9-1.9-1.8-2.8c-0.9-0.9-1.7-1.4-2.8-1.8 c-1-0.4-2.1-0.6-3.8-0.7C24.8,4.3,24.3,4.3,20,4.3L20,4.3L20,4.3z" />
      <path
        d="M20,11.9c-4.5,0-8.1,3.7-8.1,8.1s3.7,8.1,8.1,8.1s8.1-3.7,8.1-8.1S24.5,11.9,20,11.9z M20,25.2c-2.9,0-5.2-2.3-5.2-5.2 s2.3-5.2,5.2-5.2s5.2,2.3,5.2,5.2S22.9,25.2,20,25.2z" />
      <path d="M30.6,11.6c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9s0.8-1.9,1.9-1.9C29.8,9.7,30.6,10.5,30.6,11.6z" />
    </symbol>
    <symbol id="icon-49063465275d0a5582c7c5dfbf0e4536" viewBox="0 0 40 40">
      <path
        d="M13.8,27.4l0.3-4.2L13.8,14c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.1-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1C13.1,13.8,13,13.9,13,14 l-0.2,9.2l0.2,4.2c0,0.1,0.1,0.2,0.1,0.3c0.1,0.1,0.2,0.1,0.3,0.1C13.7,27.8,13.8,27.7,13.8,27.4z M18.8,26.9l0.2-3.7l-0.2-10.3 c0-0.2-0.1-0.3-0.2-0.4c-0.1-0.1-0.2-0.1-0.3-0.1s-0.2,0-0.3,0.1c-0.1,0.1-0.2,0.2-0.2,0.4l0,0.1l-0.2,10.1c0,0,0.1,1.4,0.2,4.1v0 c0,0.1,0,0.2,0.1,0.3c0.1,0.1,0.2,0.2,0.4,0.2c0.1,0,0.2-0.1,0.3-0.2c0.1-0.1,0.2-0.2,0.2-0.4L18.8,26.9z M1.2,20.9l0.3,2.2 l-0.3,2.2c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.1-0.1-0.2-0.2l-0.3-2.2l0.3-2.2c0-0.1,0.1-0.2,0.2-0.2S1.2,20.8,1.2,20.9z M2.7,19.5 l0.4,3.6l-0.4,3.6c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L2,23.2l0.4-3.6c0-0.1,0.1-0.2,0.2-0.2C2.6,19.4,2.7,19.4,2.7,19.5z M4.2,18.9l0.4,4.3l-0.4,4.2c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2l-0.4-4.2l0.4-4.3c0-0.1,0.1-0.2,0.2-0.2 C4.2,18.7,4.2,18.7,4.2,18.9z M5.8,18.8l0.4,4.4l-0.4,4.3c0,0.2-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L5,23.2l0.4-4.4 c0-0.2,0.1-0.2,0.2-0.2C5.7,18.5,5.8,18.6,5.8,18.8z M7.4,19.1l0.4,4.1l-0.4,4.3c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.1,0-0.2-0.1 c-0.1-0.1-0.1-0.1-0.1-0.2l-0.3-4.3l0.3-4.1c0-0.1,0-0.1,0.1-0.2C7,18.8,7,18.8,7.1,18.8C7.3,18.8,7.4,18.9,7.4,19.1L7.4,19.1z M9,16.5l0.4,6.7L9,27.5c0,0.1,0,0.2-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1c-0.2,0-0.3-0.1-0.3-0.3l-0.3-4.3l0.3-6.7 c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.1,0,0.2,0.1S9,16.4,9,16.5z M10.5,15l0.3,8.2l-0.3,4.3c0,0.1,0,0.2-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.2,0-0.3-0.1-0.3-0.3l-0.3-4.3L9.9,15c0-0.2,0.1-0.3,0.3-0.3c0.1,0,0.2,0,0.2,0.1 C10.5,14.8,10.5,14.9,10.5,15z M12.2,14.3l0.3,8.9l-0.3,4.2c0,0.2-0.1,0.4-0.4,0.4c-0.2,0-0.3-0.1-0.4-0.4l-0.3-4.2l0.3-8.9 c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.2-0.1c0.1,0,0.2,0,0.3,0.1C12.1,14.1,12.2,14.2,12.2,14.3z M18.8,27.3L18.8,27.3L18.8,27.3z M15.4,14.2l0.3,8.9l-0.3,4.2c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1s-0.1-0.2-0.1-0.3l-0.2-4.2 l0.2-8.9c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1C15.4,14,15.4,14.1,15.4,14.2L15.4,14.2z M17.1,14.6 l0.2,8.6l-0.2,4.1c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.2-0.3L16,23.2l0.2-8.6 c0-0.1,0.1-0.3,0.2-0.4c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1C17.1,14.3,17.1,14.4,17.1,14.6z M20.7,23.2l-0.2,4 c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.1,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.2-0.2-0.4l-0.1-2l-0.1-2L19.4,12V12 c0-0.2,0.1-0.3,0.2-0.4c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1c0.2,0.1,0.2,0.2,0.3,0.5L20.7,23.2z M39.4,22.9 c0,1.4-0.5,2.5-1.4,3.5c-0.9,1-2,1.4-3.4,1.4H21.4c-0.1,0-0.3-0.1-0.4-0.2c-0.1-0.1-0.2-0.2-0.2-0.4V11.5c0-0.3,0.2-0.5,0.5-0.6 c1-0.4,2-0.6,3-0.6c2.2,0,4.1,0.8,5.7,2.3c1.6,1.5,2.5,3.4,2.7,5.7c0.6-0.3,1.2-0.4,1.8-0.4c1.3,0,2.4,0.5,3.4,1.5 C38.9,20.3,39.4,21.5,39.4,22.9L39.4,22.9z" />
    </symbol>
    <symbol id="icon-6f1173b99f06aa4855b8fd26db52c969" viewBox="0 0 40 40">
      <path
        d="M26.9,26.3c0-0.4-0.2-0.8-0.6-1c-2.6-1.5-5.6-2.3-9-2.3c-1.8,0-3.7,0.2-5.8,0.7c-0.6,0.1-0.8,0.5-0.8,1 c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3c0.1,0,0.3-0.1,0.7-0.2c1.8-0.4,3.4-0.5,4.9-0.5c3,0,5.7,0.7,8,2.1 c0.3,0.1,0.5,0.2,0.7,0.2c0.3,0,0.5-0.1,0.7-0.3C26.8,26.8,26.9,26.6,26.9,26.3L26.9,26.3z M28.8,22c0-0.5-0.2-0.9-0.7-1.2 c-3.2-1.9-6.8-2.8-11-2.8c-2,0-4.1,0.3-6.1,0.8c-0.6,0.2-1,0.6-1,1.3c0,0.3,0.1,0.6,0.4,0.9c0.2,0.2,0.5,0.4,0.9,0.4 c0.1,0,0.3-0.1,0.7-0.2c1.6-0.4,3.3-0.7,5-0.7c3.7,0,7,0.8,9.8,2.5c0.3,0.2,0.6,0.3,0.8,0.3c0.3,0,0.6-0.1,0.9-0.4 C28.7,22.6,28.8,22.3,28.8,22L28.8,22z M31,17c0-0.6-0.3-1.1-0.8-1.4c-1.7-1-3.6-1.7-5.9-2.2c-2.2-0.5-4.5-0.8-6.9-0.8 c-2.7,0-5.2,0.3-7.3,0.9c-0.3,0.1-0.6,0.3-0.8,0.5c-0.2,0.2-0.3,0.6-0.3,1c0,0.4,0.1,0.8,0.4,1c0.3,0.3,0.6,0.4,1,0.4 c0.1,0,0.4-0.1,0.8-0.2c1.8-0.5,3.8-0.7,6.2-0.7c2.1,0,4.2,0.2,6.2,0.7c2,0.5,3.7,1.1,5.1,1.9c0.3,0.2,0.5,0.2,0.8,0.2 c0.4,0,0.7-0.1,1-0.4C30.8,17.8,31,17.4,31,17L31,17z M35.1,20c0,2.8-0.7,5.4-2.1,7.7c-1.4,2.4-3.3,4.2-5.6,5.6 c-2.4,1.4-4.9,2.1-7.7,2.1c-2.8,0-5.4-0.7-7.7-2.1c-2.4-1.4-4.2-3.3-5.6-5.6S4.2,22.8,4.2,20s0.7-5.4,2.1-7.7S9.5,8,11.9,6.6 s4.9-2.1,7.7-2.1c2.8,0,5.4,0.7,7.7,2.1s4.2,3.3,5.6,5.6C34.4,14.6,35.1,17.2,35.1,20z" />
    </symbol>
    <symbol id="icon-0c4db87eff374f0f1ef47f8f043f0132" viewBox="0 0 40 40">
      <path
        d="M36.3,10.2c-1,1.3-2.1,2.5-3.4,3.5c0,0.2,0,0.4,0,1c0,1.7-0.2,3.6-0.9,5.3c-0.6,1.7-1.2,3.5-2.4,5.1 c-1.1,1.5-2.3,3.1-3.7,4.3c-1.4,1.2-3.3,2.3-5.3,3c-2.1,0.8-4.2,1.2-6.6,1.2c-3.6,0-7-1-10.2-3c0.4,0,1.1,0.1,1.5,0.1 c3.1,0,5.9-1,8.2-2.9c-1.4,0-2.7-0.4-3.8-1.3c-1.2-1-1.9-2-2.2-3.3c0.4,0.1,1,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-1.4-0.3-2.7-1.1-3.7-2.3s-1.4-2.6-1.4-4.2v-0.1c1,0.6,2,0.9,3,0.9c-1-0.6-1.5-1.3-2.2-2.4c-0.6-1-0.9-2.1-0.9-3.3s0.3-2.3,1-3.4 c1.5,2.1,3.6,3.6,6,4.9s4.9,2,7.6,2.1c-0.1-0.6-0.1-1.1-0.1-1.4c0-1.8,0.8-3.5,2-4.7c1.2-1.2,2.9-2,4.7-2c2,0,3.6,0.8,4.8,2.1 c1.4-0.3,2.9-0.9,4.2-1.5c-0.4,1.5-1.4,2.7-2.9,3.6C33.8,11.2,35.1,10.9,36.3,10.2L36.3,10.2z" />
    </symbol>
    <symbol id="icon-c1d8f15855a0b42b59eb995995e64fcd" viewBox="0 0 40 40">
      <path
        d="M26.8,29.7l1.6,4.6c-0.3,0.5-1,0.9-2.2,1.3s-2.3,0.6-3.4,0.6c-1.4,0-2.6-0.1-3.7-0.5s-2.1-0.8-2.8-1.4 c-0.7-0.6-1.3-1.3-1.9-2.1c-0.5-0.8-0.9-1.6-1.1-2.3c-0.2-0.8-0.3-1.5-0.3-2.3V16.9H9.7v-4.2c0.9-0.3,1.8-0.8,2.5-1.4 s1.3-1.1,1.8-1.8s0.8-1.3,1.1-2c0.3-0.7,0.5-1.4,0.7-1.9S16,4.6,16.1,4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.1-0.1h4.8V12h6.5v4.9h-6.5V27 c0,0.4,0,0.8,0.1,1.1c0.1,0.3,0.2,0.7,0.4,1s0.5,0.6,1,0.8c0.4,0.2,1,0.3,1.6,0.3C25.2,30.2,26.1,30,26.8,29.7L26.8,29.7z" />
    </symbol>
  </svg>
  <div id="wrapper">
    <div id="main">
      <div class="inner">
        <div id="image01" class="image"><span class="frame"><img src="assets/images/image01.jpg?v=f409c977" <img
              draggable="false">
            alt="" /></span></div>
        <ul id="icons01" class="icons">
          <li>
            <a class="n01" href="https://instagram.com/yoxxiez" aria-label="Instagram"><svg>
                <use xlink:href="#icon-85976685de3e4af37529a1ce5d57d2a7"></use>
              </svg><span class="label">Instagram</span></a>
          </li>
          <li><a class="n02" href="https://soundcloud.com/w6lker" aria-label="SoundCloud"><svg>
                <use xlink:href="#icon-49063465275d0a5582c7c5dfbf0e4536"></use>
              </svg><span class="label">SoundCloud</span></a></li>
          <li><a class="n03" href="https://open.spotify.com/artist/6xqVTEk0T61sWdLX4aqljz" aria-label="Spotify"><svg>
                <use xlink:href="#icon-6f1173b99f06aa4855b8fd26db52c969"></use>
              </svg><span class="label">Spotify</span></a></li>

          <li><a class="n04" href="https://twitter.com/yumekorpses" aria-label="Twitter"><svg>
                <use xlink:href="#icon-0c4db87eff374f0f1ef47f8f043f0132"></use>
              </svg><span class="label">Twitter</span></a></li>
          <li><a class="n05" href="https://www.tumblr.com/ripmyselfapart" aria-label="Tumblr"><svg>
                <use xlink:href="#icon-c1d8f15855a0b42b59eb995995e64fcd"></use>
              </svg><span class="label">Tumblr</span></a></li>
        </ul>
      </div>
    </div>
  </div>
  </div>

  <script>(function () {var on = addEventListener, off = removeEventListener, $ = function (q) {return document.querySelector(q)}, $$ = function (q) {return document.querySelectorAll(q)}, $body = document.body, $inner = $('.inner'), client = (function () {var o = {browser: 'other', browserVersion: 0, os: 'other', osVersion: 0, mobile: false, canUse: null, flags: {lsdUnits: false, }, }, ua = navigator.userAgent, a, i; a = [['firefox', /Firefox\/([0-9\.]+)/], ['edge', /Edge\/([0-9\.]+)/], ['safari', /Version\/([0-9\.]+).+Safari/], ['chrome', /Chrome\/([0-9\.]+)/], ['chrome', /CriOS\/([0-9\.]+)/], ['ie', /Trident\/.+rv:([0-9]+)/]]; for (i = 0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0]; o.browserVersion = parseFloat(RegExp.$1); break;} } a = [['ios', /([0-9_]+) like Mac OS X/, function (v) {return v.replace('_', '.').replace('_', '');}], ['ios', /CPU like Mac OS X/, function (v) {return 0}], ['ios', /iPad; CPU/, function (v) {return 0}], ['android', /Android ([0-9\.]+)/, null], ['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function (v) {return v.replace('_', '.').replace('_', '');}], ['windows', /Windows NT ([0-9\.]+)/, null], ['undefined', /Undefined/, null]]; for (i = 0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0]; o.osVersion = parseFloat(a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1); break;} } if (o.os == 'mac' && ('ontouchstart' in window) && ((screen.width == 1024 && screen.height == 1366) || (screen.width == 834 && screen.height == 1112) || (screen.width == 810 && screen.height == 1080) || (screen.width == 768 && screen.height == 1024))) o.os = 'ios'; o.mobile = (o.os == 'android' || o.os == 'ios'); var _canUse = document.createElement('div'); o.canUse = function (property, value) {var style; style = _canUse.style; if (!(property in style)) return false; if (typeof value !== 'undefined') {style[property] = value; if (style[property] == '') return false;} return true;}; o.flags.lsdUnits = o.canUse('width', '100dvw'); return o;}()), trigger = function (t) {dispatchEvent(new Event(t));}, cssRules = function (selectorText) {var ss = document.styleSheets, a = [], f = function (s) {var r = s.cssRules, i; for (i = 0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches) (f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText) a.push(r[i]);} }, x, i; for (i = 0; i < ss.length; i++)f(ss[i]); return a;}, thisHash = function () {var h = location.hash ? location.hash.substring(1) : null, a; if (!h) return null; if (h.match(/\?/)) {a = h.split('?'); h = a[0]; history.replaceState(undefined, undefined, '#' + h); window.location.search = a[1];} if (h.length > 0 && !h.match(/^[a-zA-Z]/)) h = 'x' + h; if (typeof h == 'string') h = h.toLowerCase(); return h;}, scrollToElement = function (e, style, duration) {var y, cy, dy, start, easing, offset, f; if (!e) y = 0; else {offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize); switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default': default: y = e.offsetTop + offset; break; case 'center': if (e.offsetHeight < window.innerHeight) y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y = e.offsetTop - offset; break; case 'previous': if (e.previousElementSibling) y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y = e.offsetTop + offset; break;}} if (!style) style = 'smooth'; if (!duration) duration = 750; if (style == 'instant') {window.scrollTo(0, y); return;} start = Date.now(); cy = window.scrollY; dy = y - cy; switch (style) {case 'linear': easing = function (t) {return t}; break; case 'smooth': easing = function (t) {return t < .5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1}; break;}f = function () {var t = Date.now() - start; if (t >= duration) window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration))); requestAnimationFrame(f);} }; f();}, scrollToTop = function () {scrollToElement(null);}, loadElements = function (parent) {var a, e, x, i; a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])'); for (i = 0; i < a.length; i++) {a[i].contentWindow.location.replace(a[i].dataset.src); a[i].dataset.initialSrc = a[i].dataset.src; a[i].dataset.src = '';} a = parent.querySelectorAll('video[autoplay]'); for (i = 0; i < a.length; i++) {if (a[i].paused) a[i].play();} e = parent.querySelector('[data-autofocus="1"]'); x = e ? e.tagName : null; switch (x) {case 'FORM': e = e.querySelector('.field input, .field select, .field textarea'); if (e) e.focus(); break; default: break;}}, unloadElements = function (parent) {var a, e, x, i; a = parent.querySelectorAll('iframe[data-src=""]'); for (i = 0; i < a.length; i++) {if (a[i].dataset.srcUnload === '0') continue; if ('initialSrc' in a[i].dataset) a[i].dataset.src = a[i].dataset.initialSrc; else a[i].dataset.src = a[i].src; a[i].contentWindow.location.replace('about:blank');} a = parent.querySelectorAll('video'); for (i = 0; i < a.length; i++) {if (!a[i].paused) a[i].pause();} e = $(':focus'); if (e) e.blur();}; window._scrollToTop = scrollToTop; var thisUrl = function () {return window.location.href.replace(window.location.search, '').replace(/#$/, '');}; var getVar = function (name) {var a = window.location.search.substring(1).split('&'), b, k; for (k in a) {b = a[k].split('='); if (b[0] == name) return b[1];} return null;}; var errors = {handle: function (handler) {window.onerror = function (message, url, line, column, error) {(handler)(error.message); return true;};}, unhandle: function () {window.onerror = null;}}; var loadHandler = function () {setTimeout(function () {$body.classList.remove('is-loading'); $body.classList.add('is-playing'); setTimeout(function () {$body.classList.remove('is-playing'); $body.classList.add('is-ready');}, 1000);}, 100);}; on('load', loadHandler); loadElements(document.body); var style, sheet, rule; style = document.createElement('style'); style.appendChild(document.createTextNode('')); document.head.appendChild(style); sheet = style.sheet; if (client.mobile) {(function () {if (client.flags.lsdUnits) {document.documentElement.style.setProperty('--viewport-height', '100svh'); document.documentElement.style.setProperty('--background-height', '100lvh');} else {var f = function () {document.documentElement.style.setProperty('--viewport-height', window.innerHeight + 'px'); document.documentElement.style.setProperty('--background-height', (window.innerHeight + 250) + 'px');}; on('load', f); on('orientationchange', function () {setTimeout(function () {(f)();}, 100);});} })();} if (client.os == 'android') {(function () {sheet.insertRule('body::after { }', 0); rule = sheet.cssRules[0]; var f = function () {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';}; on('load', f); on('orientationchange', f); on('touchmove', f);})(); $body.classList.add('is-touch');} else if (client.os == 'ios') {if (client.osVersion <= 11) (function () {sheet.insertRule('body::after { }', 0); rule = sheet.cssRules[0]; rule.style.cssText = '-webkit-transform: scale(1.0)';})(); if (client.osVersion <= 11) (function () {sheet.insertRule('body.ios-focus-fix::before { }', 0); rule = sheet.cssRules[0]; rule.style.cssText = 'height: calc(100% + 60px)'; on('focus', function (event) {$body.classList.add('ios-focus-fix');}, true); on('blur', function (event) {$body.classList.remove('ios-focus-fix');}, true);})(); $body.classList.add('is-touch');} var scrollEvents = {items: [], add: function (o) {this.items.push({element: o.element, triggerElement: (('triggerElement' in o && o.triggerElement) ? o.triggerElement : o.element), enter: ('enter' in o ? o.enter : null), leave: ('leave' in o ? o.leave : null), mode: ('mode' in o ? o.mode : 3), offset: ('offset' in o ? o.offset : 0), initialState: ('initialState' in o ? o.initialState : null), state: false, });}, handler: function () {var height, top, bottom, scrollPad; if (client.os == 'ios') {height = document.documentElement.clientHeight; top = document.body.scrollTop + window.scrollY; bottom = top + height; scrollPad = 125;} else {height = document.documentElement.clientHeight; top = document.documentElement.scrollTop; bottom = top + height; scrollPad = 0;} scrollEvents.items.forEach(function (item) {var bcr, elementTop, elementBottom, state, a, b; if (!item.enter && !item.leave) return true; if (!item.triggerElement) return true; if (item.triggerElement.offsetParent === null) {if (item.state == true && item.leave) {item.state = false; (item.leave).apply(item.element); if (!item.enter) item.leave = null;} return true;} bcr = item.triggerElement.getBoundingClientRect(); elementTop = top + Math.floor(bcr.top); elementBottom = elementTop + bcr.height; if (item.initialState !== null) {state = item.initialState; item.initialState = null;} else {switch (item.mode) {case 1: default: state = (bottom > (elementTop - item.offset) && top < (elementBottom + item.offset)); break; case 2: a = (top + (height * 0.5)); state = (a > (elementTop - item.offset) && a < (elementBottom + item.offset)); break; case 3: a = top + (height * 0.25); if (a - (height * 0.375) <= 0) a = 0; b = top + (height * 0.75); if (b + (height * 0.375) >= document.body.scrollHeight - scrollPad) b = document.body.scrollHeight + scrollPad; state = (b > (elementTop - item.offset) && a < (elementBottom + item.offset)); break;}} if (state != item.state) {item.state = state; if (item.state) {if (item.enter) {(item.enter).apply(item.element); if (!item.leave) item.enter = null;} } else {if (item.leave) {(item.leave).apply(item.element); if (!item.enter) item.leave = null;} } } });}, init: function () {on('load', this.handler); on('resize', this.handler); on('scroll', this.handler); (this.handler)();}}; scrollEvents.init(); var onvisible = {effects: {'blur-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.opacity = 0; this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';}, play: function () {this.style.opacity = 1; this.style.filter = 'none';}, }, 'zoom-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transform = 'scale(' + (1 - ((alt ? 0.25 : 0.05) * intensity)) + ')';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'zoom-out': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transform = 'scale(' + (1 + ((alt ? 0.25 : 0.05) * intensity)) + ')';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'slide-left': {transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function () {this.style.transform = 'translateX(100vw)';}, play: function () {this.style.transform = 'none';}, }, 'slide-right': {transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function () {this.style.transform = 'translateX(-100vw)';}, play: function () {this.style.transform = 'none';}, }, 'flip-forward': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transformOrigin = '50% 50%'; this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? 45 : 15) * intensity) + 'deg)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'flip-backward': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transformOrigin = '50% 50%'; this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? -45 : -15) * intensity) + 'deg)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'flip-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transformOrigin = '50% 50%'; this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? 45 : 15) * intensity) + 'deg)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'flip-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transformOrigin = '50% 50%'; this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? -45 : -15) * intensity) + 'deg)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'tilt-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transform = 'rotate(' + ((alt ? 45 : 5) * intensity) + 'deg)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'tilt-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity, alt) {this.style.opacity = 0; this.style.transform = 'rotate(' + ((alt ? -45 : -5) * intensity) + 'deg)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'fade-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.opacity = 0; this.style.transform = 'translateX(' + (-1.5 * intensity) + 'rem)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'fade-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.opacity = 0; this.style.transform = 'translateX(' + (1.5 * intensity) + 'rem)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'fade-down': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.opacity = 0; this.style.transform = 'translateY(' + (-1.5 * intensity) + 'rem)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'fade-up': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.opacity = 0; this.style.transform = 'translateY(' + (1.5 * intensity) + 'rem)';}, play: function () {this.style.opacity = 1; this.style.transform = 'none';}, }, 'fade-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function () {this.style.opacity = 0;}, play: function () {this.style.opacity = 1;}, }, 'fade-in-background': {custom: true, transition: function (speed, delay) {this.style.setProperty('--onvisible-speed', speed + 's'); if (delay) this.style.setProperty('--onvisible-delay', delay + 's');}, rewind: function () {this.style.removeProperty('--onvisible-background-color');}, play: function () {this.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');}, }, 'zoom-in-image': {target: 'img', transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function () {this.style.transform = 'scale(1)';}, play: function (intensity) {this.style.transform = 'scale(' + (1 + (0.1 * intensity)) + ')';}, }, 'zoom-out-image': {target: 'img', transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.transform = 'scale(' + (1 + (0.1 * intensity)) + ')';}, play: function () {this.style.transform = 'none';}, }, 'focus-image': {target: 'img', transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' + 'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');}, rewind: function (intensity) {this.style.transform = 'scale(' + (1 + (0.05 * intensity)) + ')'; this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';}, play: function (intensity) {this.style.transform = 'none'; this.style.filter = 'none';}, }, }, regex: new RegExp('([a-zA-Z0-9\.\,\-\_\"\'\?\!\:\;\#\@\#$\%\&\(\)\{\}]+)', 'g'), add: function (selector, settings) {var _this = this, style = settings.style in this.effects ? settings.style : 'fade', speed = parseInt('speed' in settings ? settings.speed : 1000) / 1000, intensity = ((parseInt('intensity' in settings ? settings.intensity : 5) / 10) * 1.75) + 0.25, delay = parseInt('delay' in settings ? settings.delay : 0) / 1000, replay = 'replay' in settings ? settings.replay : false, stagger = 'stagger' in settings ? (parseInt(settings.stagger) >= 0 ? (parseInt(settings.stagger) / 1000) : false) : false, staggerOrder = 'staggerOrder' in settings ? settings.staggerOrder : 'default', staggerSelector = 'staggerSelector' in settings ? settings.staggerSelector : null, state = 'state' in settings ? settings.state : null, effect = this.effects[style]; if ('CLAIRE_DISABLE_ANIMATION' in window) {if (style == 'fade-in-background') $$(selector).forEach(function (e) {e.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');}); return;} $$(selector).forEach(function (e) {var children, enter, leave, targetElement, triggerElement; if (stagger !== false && staggerSelector == ':scope > *') _this.expandTextNodes(e); children = (stagger !== false && staggerSelector) ? e.querySelectorAll(staggerSelector) : null; enter = function (staggerDelay = 0) {var _this = this, transitionOrig; if (effect.target) _this = this.querySelector(effect.target); if (!effect.custom) {transitionOrig = _this.style.transition; _this.style.setProperty('backface-visibility', 'hidden'); _this.style.transition = effect.transition(speed, delay + staggerDelay);} else effect.transition.apply(_this, [speed, delay + staggerDelay]); effect.play.apply(_this, [intensity, !!children]); if (!effect.custom) setTimeout(function () {_this.style.removeProperty('backface-visibility'); _this.style.transition = transitionOrig;}, (speed + delay + staggerDelay) * 1000 * 2);}; leave = function () {var _this = this, transitionOrig; if (effect.target) _this = this.querySelector(effect.target); if (!effect.custom) {transitionOrig = _this.style.transition; _this.style.setProperty('backface-visibility', 'hidden'); _this.style.transition = effect.transition(speed);} else effect.transition.apply(_this, [speed]); effect.rewind.apply(_this, [intensity, !!children]); if (!effect.custom) setTimeout(function () {_this.style.removeProperty('backface-visibility'); _this.style.transition = transitionOrig;}, speed * 1000 * 2);}; if (effect.target) targetElement = e.querySelector(effect.target); else targetElement = e; if (children) children.forEach(function (targetElement) {effect.rewind.apply(targetElement, [intensity, true]);}); else effect.rewind.apply(targetElement, [intensity]); triggerElement = e; if (e.parentNode) {if (e.parentNode.dataset.onvisibleTrigger) triggerElement = e.parentNode; else if (e.parentNode.parentNode) {if (e.parentNode.parentNode.dataset.onvisibleTrigger) triggerElement = e.parentNode.parentNode;} } scrollEvents.add({element: e, triggerElement: triggerElement, initialState: state, enter: children ? function () {var staggerDelay = 0, childHandler = function (e) {enter.apply(e, [staggerDelay]); staggerDelay += stagger;}, a; if (staggerOrder == 'default') {children.forEach(childHandler);} else {a = Array.from(children); switch (staggerOrder) {case 'reverse': a.reverse(); break; case 'random': a.sort(function () {return Math.random() - 0.5;}); break;}a.forEach(childHandler);} } : enter, leave: (replay ? (children ? function () {children.forEach(function (e) {leave.apply(e);});} : leave) : null), });});}, expandTextNodes: function (e) {var s, i, w, x; for (i = 0; i < e.childNodes.length; i++) {x = e.childNodes[i]; if (x.nodeType != Node.TEXT_NODE) continue; s = x.nodeValue; s = s.replace(this.regex, function (x, a) {return '<text-node>' + a + '</text-node>';}); w = document.createElement('text-node'); w.innerHTML = s; x.replaceWith(w); while (w.childNodes.length > 0) {w.parentNode.insertBefore(w.childNodes[0], w);} w.parentNode.removeChild(w);} }, }; onvisible.add('#image01', {style: 'focus-image', speed: 1125, intensity: 10, delay: 0, replay: false}); onvisible.add('#icons01', {style: 'fade-up', speed: 1000, intensity: 10, delay: 0, stagger: 125, staggerSelector: ':scope > li', replay: false});})();</script>

<iframe src="assets/illdoit.mp3" allow="autoplay" style="display:none" id="iframeAudio">
</iframe>
<script type="text/javascript" src="https://res.cloudinary.com/veseylab/raw/upload/v1684982764/magicmouse-2.0.0.cdn.min.js"></script>
<script type="text/javascript">
options = {
  "outerStyle": "circle-basic",
  "hoverEffect": "pointer-blur",
  "hoverItemMove": false,
  "defaultCursor": false,
  "outerWidth": 41,
  "outerHeight": 41
}
magicMouse(options);
</script>

<script>
window.human = false;

var canvasEl = document.querySelector('.fireworks');
var ctx = canvasEl.getContext('2d');
var numberOfParticules = 30;
var pointerX = 0;
var pointerY = 0;
var tap = ('ontouchstart' in window || navigator.msMaxTouchPoints) ? 'touchstart' : 'mousedown';
var colors = ['#FFFFFF', '#808080', '#7A7A7A', '#FFFFFF'];

function setCanvasSize() {
  canvasEl.width = window.innerWidth * 2;
  canvasEl.height = window.innerHeight * 2;
  canvasEl.style.width = window.innerWidth + 'px';
  canvasEl.style.height = window.innerHeight + 'px';
  canvasEl.getContext('2d').scale(2, 2);
}

function updateCoords(e) {
  pointerX = e.clientX || e.touches[0].clientX;
  pointerY = e.clientY || e.touches[0].clientY;
}

function setParticuleDirection(p) {
  var angle = anime.random(0, 360) * Math.PI / 180;
  var value = anime.random(50, 180);
  var radius = [-1, 1][anime.random(0, 1)] * value;
  return {
    x: p.x + radius * Math.cos(angle),
    y: p.y + radius * Math.sin(angle)
  }
}

function createParticule(x,y) {
  var p = {};
  p.x = x;
  p.y = y;
  p.color = colors[anime.random(0, colors.length - 1)];
  p.radius = anime.random(16, 32);
  p.endPos = setParticuleDirection(p);
  p.draw = function() {
    ctx.beginPath();
    ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
    ctx.fillStyle = p.color;
    ctx.fill();
  }
  return p;
}

function createCircle(x,y) {
  var p = {};
  p.x = x;
  p.y = y;
  p.color = '#FFF';
  p.radius = 0.1;
  p.alpha = .5;
  p.lineWidth = 6;
  p.draw = function() {
    ctx.globalAlpha = p.alpha;
    ctx.beginPath();
    ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
    ctx.lineWidth = p.lineWidth;
    ctx.strokeStyle = p.color;
    ctx.stroke();
    ctx.globalAlpha = 1;
  }
  return p;
}

function renderParticule(anim) {
  for (var i = 0; i < anim.animatables.length; i++) {
    anim.animatables[i].target.draw();
  }
}

function animateParticules(x, y) {
  var circle = createCircle(x, y);
  var particules = [];
  for (var i = 0; i < numberOfParticules; i++) {
    particules.push(createParticule(x, y));
  }
  anime.timeline().add({
    targets: particules,
    x: function(p) { return p.endPos.x; },
    y: function(p) { return p.endPos.y; },
    radius: 0.1,
    duration: anime.random(1200, 1800),
    easing: 'easeOutExpo',
    update: renderParticule
  })
    .add({
    targets: circle,
    radius: anime.random(80, 160),
    lineWidth: 0,
    alpha: {
      value: 0,
      easing: 'linear',
      duration: anime.random(600, 800),  
    },
    duration: anime.random(1200, 1800),
    easing: 'easeOutExpo',
    update: renderParticule,
    offset: 0
  });
}

var render = anime({
  duration: Infinity,
  update: function() {
    ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);
  }
});

document.addEventListener(tap, function(e) {
  window.human = true;
  render.play();
  updateCoords(e);
  animateParticules(pointerX, pointerY);
}, false);

var centerX = window.innerWidth / 2;
var centerY = window.innerHeight / 2;

function autoClick() {
  if (window.human) return;
  animateParticules(
    anime.random(centerX-50, centerX+50), 
    anime.random(centerY-50, centerY+50)
  );
  anime({duration: 200}).finished.then(autoClick);
}

autoClick();
setCanvasSize();
window.addEventListener('resize', setCanvasSize, false);
</script>


</body>

</html>