<div id="DebugToolbarSubTabSQLParse">
    <form action="https://pankaj.ecarter.co/systemtwo/" method="post" class="cm-ajax">
        <input type="hidden" name="result_ids" value="DebugToolbarSubTabSQLParse">
        <input type="hidden" name="dispatch" value="debugger.sql_parse">
        <table width="100%" style="height:50px;">
            <tr>
                <td style="width: 100px; vertical-align: top;">    
    

     <input id="DebugToolbarSubTabSQLParseSubmit" class="btn btn-primary" type="submit" name="submit" value="Send"      />


</td>
                <td valign="top">
                    <label><input type="checkbox" name="exec" value="Y" checked="checked" /> Sandbox</label>
                </td>
            </tr>
        </table>

        <input type="hidden" name="query" id="DebugToolbarSQLQuery">
        <table class="deb-table ty-width-full">
            <tr>
                <td><div><pre id="DebugToolbarSQLQueryValue" contenteditable="true"><code><pre style="color: black; background-color: white;"><span style="font-weight:bold;">SELECT</span> 
  <span >*</span> 
<span style="font-weight:bold;">FROM</span> 
  <span style="color: #333;">cscart_banner_layers</span> 
<span style="font-weight:bold;">WHERE</span> 
  <span style="color: #333;">banner_id</span> <span style="font-weight:bold;">IN</span> (<span style="color: green;">42</span><span >,</span> <span style="color: green;">48</span>) 
  <span style="font-weight:bold;">AND</span> <span style="color: #333;">lang_code</span> <span >=</span> <span style="color: blue;">'en'</span> 
<span style="font-weight:bold;">ORDER BY</span> 
  <span style="color: #333;">banner_id</span><span >,</span> 
  <span style="color: #333;">z_index</span> <span style="font-weight:bold;">ASC</span></pre></code></pre></div></td>
            </tr>
        </table>

    <input type="hidden" name="security_hash" class="cm-no-hide-input" value="614d7b2d0dd0fa45994c67f8c875e2f7" /></form>

    
            <h4>Query time </small>0.00434</small></h4>
    
    
            <h3>JSON explain</h3>
        <p><pre><code>{
  &quot;query_block&quot;: {
    &quot;select_id&quot;: 1,
    &quot;cost_info&quot;: {
      &quot;query_cost&quot;: &quot;8.01&quot;
    },
    &quot;ordering_operation&quot;: {
      &quot;using_filesort&quot;: true,
      &quot;cost_info&quot;: {
        &quot;sort_cost&quot;: &quot;0.40&quot;
      },
      &quot;table&quot;: {
        &quot;table_name&quot;: &quot;cscart_banner_layers&quot;,
        &quot;access_type&quot;: &quot;range&quot;,
        &quot;possible_keys&quot;: [
          &quot;banner_id&quot;
        ],
        &quot;key&quot;: &quot;banner_id&quot;,
        &quot;used_key_parts&quot;: [
          &quot;banner_id&quot;
        ],
        &quot;key_length&quot;: &quot;3&quot;,
        &quot;rows_examined_per_scan&quot;: 4,
        &quot;rows_produced_per_join&quot;: 0,
        &quot;filtered&quot;: &quot;10.00&quot;,
        &quot;index_condition&quot;: &quot;(`pankajecarter_systemtwo`.`cscart_banner_layers`.`banner_id` in (42,48))&quot;,
        &quot;cost_info&quot;: {
          &quot;read_cost&quot;: &quot;7.53&quot;,
          &quot;eval_cost&quot;: &quot;0.08&quot;,
          &quot;prefix_cost&quot;: &quot;7.61&quot;,
          &quot;data_read_per_join&quot;: &quot;131&quot;
        },
        &quot;used_columns&quot;: [
          &quot;layer_id&quot;,
          &quot;banner_id&quot;,
          &quot;layer_type&quot;,
          &quot;layer_key&quot;,
          &quot;content&quot;,
          &quot;position_left&quot;,
          &quot;position_top&quot;,
          &quot;z_index&quot;,
          &quot;width&quot;,
          &quot;height&quot;,
          &quot;responsive_positions&quot;,
          &quot;lang_code&quot;
        ],
        &quot;attached_condition&quot;: &quot;(`pankajecarter_systemtwo`.`cscart_banner_layers`.`lang_code` = &#039;en&#039;)&quot;
      }
    }
  }
}</code></pre></p>
    
            <div class="table-wrapper">
            <table class="deb-table ty-width-full">
                <h3>Result</h3>
                                    <tr>
                                                    <th>layer_id</th>
                                                    <th>banner_id</th>
                                                    <th>layer_type</th>
                                                    <th>layer_key</th>
                                                    <th>content</th>
                                                    <th>position_left</th>
                                                    <th>position_top</th>
                                                    <th>z_index</th>
                                                    <th>width</th>
                                                    <th>height</th>
                                                    <th>responsive_positions</th>
                                                    <th>lang_code</th>
                                            </tr>
                                            <tr>
                                                            <td>598</td>
                                                            <td>42</td>
                                                            <td>I</td>
                                                            <td>two</td>
                                                            <td>42</td>
                                                            <td>0</td>
                                                            <td>0</td>
                                                            <td>1</td>
                                                            <td>100</td>
                                                            <td>100</td>
                                                            <td>{&quot;desktop&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;0&quot;,&quot;width&quot;:&quot;100&quot;,&quot;height&quot;:&quot;100&quot;,&quot;z&quot;:1},&quot;tablet&quot;:{&quot;left&quot;:&quot;1.7&quot;,&quot;top&quot;:&quot;17.8&quot;,&quot;width&quot;:&quot;45.2&quot;,&quot;height&quot;:&quot;65.8&quot;,&quot;z&quot;:1},&quot;mobile&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;0&quot;,&quot;width&quot;:&quot;100&quot;,&quot;height&quot;:&quot;100&quot;,&quot;z&quot;:1}}</td>
                                                            <td>en</td>
                                                    </tr>
                                            <tr>
                                                            <td>599</td>
                                                            <td>42</td>
                                                            <td>T</td>
                                                            <td>1</td>
                                                            <td>&lt;style&gt;
@keyframes box289-289-ani {
  0% {
    position: absolute;
    animation-timing-function: linear;
    width: 61px;
    height: 401px;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
  }
  100% {
    position: absolute;
    transform: translate(-65px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 59px;
    height: 401px;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: linear;
  }
  39.63% {
    position: absolute;
    animation-timing-function: linear;
    transform: translate(-64px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 61px;
    height: 401px;
    background-color: #ffffff;
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
  }
  41.88% {
    transform: translate(-65px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
    width: 488px;
  }
  43.13% {
    width: 59px;
    animation-timing-function: linear;
  }
}
@keyframes group295-295-ani {
  0% {
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
  }
  41.88% {
    opacity: 1;
    animation-timing-function: linear;
  }
  42.13% {
    opacity: 0;
    animation-timing-function: linear;
  }
}
@keyframes text188_214_679-679-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  3.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  8.88% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  13.75% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_577-577-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  7.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  12.63% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  17.5% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_860-860-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  11.25% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  16.38% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  21.25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_854-854-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  15% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  20.13% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_305-305-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  18.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  23.88% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  28.75% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_963-963-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  22.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  27.63% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  32.5% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_925-925-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  26.25% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  31.37% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  36.25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_955-955-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  30% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  40% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  35.13% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_662-662-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  33.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  38.88% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  43.75% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_615-615-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  37.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  42.63% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  47.5% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_507-507-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  41.25% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  46.38% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  51.25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_349-349-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  45% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  50.13% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  55% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_772-772-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  48.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  53.87% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  58.75% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_876-876-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  52.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  57.63% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  62.5% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_234-234-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  56.25% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  61.38% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  66.25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_657-657-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  60% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  70% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  65.13% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_819-819-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  63.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  68.88% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  73.75% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_457-457-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  67.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  72.63% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  77.5% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_399-399-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  71.25% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  76.38% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  81.25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_689-689-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  85% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  80.13% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_8-8-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  78.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  83.88% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  88.75% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_376-376-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  82.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  87.63% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  92.5% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_670-670-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  86.25% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  91.38% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
  96.25% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_983-983-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  90% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  95.13% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_116-116-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1)
      rotateX(38.46153846153846deg) rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  93.75% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  98.88% {
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(50deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: ease;
  }
}
@keyframes text188_214_189-189-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1)
      rotateX(-24.268292682926827deg) rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  97.5% {
    position: absolute;
    animation-timing-function: ease;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_219-219-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_859-859-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_242-242-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_633-633-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_855-855-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_38-38-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text188_214_510-510-ani {
  0% {
    position: absolute;
    animation-timing-function: ease;
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
  100% {
    position: absolute;
    transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 0 0;
    overflow: visible;
    animation-timing-function: ease;
    font-size: 72px;
    color: rgba(255, 255, 255, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: left;
    letter-spacing: 5px;
  }
}
@keyframes text568-568-ani {
  0% {
    position: absolute;
    animation-timing-function: linear;
    width: 400px;
    height: 88px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 50% 50%;
    overflow: visible;
    font-size: 66px;
    color: rgba(255, 224, 32, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: center;
    letter-spacing: 0px;
  }
  45% {
    transform: translate(0px, 156px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
  }
  62% {
    position: absolute;
    animation-timing-function: linear;
    transform: translate(0px, 156px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    width: 400px;
    height: 88px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 50% 50%;
    overflow: visible;
    font-size: 66px;
    color: rgba(255, 224, 32, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: center;
    letter-spacing: 0px;
  }
  64% {
    transform: translate(0px, -97px) scaleX(1) scaleY(1) rotateX(105deg)
      rotateY(-81deg) rotateZ(-75deg);
    animation-timing-function: linear;
  }
  100% {
    position: absolute;
    transform: translate(0px, -97px) scaleX(1) scaleY(1) rotateX(105deg)
      rotateY(-81deg) rotateZ(-75deg);
    width: 400px;
    height: 88px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 0px;
    z-index: 0;
    transform-origin: 50% 50%;
    overflow: visible;
    animation-timing-function: linear;
    font-size: 66px;
    color: rgba(255, 224, 32, 1);
    font-family: &quot;Impact&quot;, sans-serif;
    text-align: center;
    letter-spacing: 0px;
  }
  43.75% {
    transform: translate(0px, 156px) scaleX(0) scaleY(0) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
  }
}
@keyframes shape833-833-ani {
  0% {
    animation-timing-function: linear;
    opacity: 1;
  }
  100% {
    transform: translate(150px, 280px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    opacity: 0;
  }
  64.13% {
    transform: translate(150px, 406px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
  }
  66.63% {
    transform: translate(150px, 280px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
  }
  87.5% {
    opacity: 1;
    animation-timing-function: linear;
  }
  95.5% {
    opacity: 0;
    animation-timing-function: linear;
  }
}
@keyframes text43-43-ani {
  0% {
    animation-timing-function: linear;
    opacity: 1;
  }
  100% {
    transform: translate(0px, 144.5px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    opacity: 0;
  }
  64.13% {
    transform: translate(0px, -140px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
  }
  66.63% {
    transform: translate(0px, 144.5px) scaleX(1) scaleY(1) rotateX(0deg)
      rotateY(0deg) rotateZ(0deg);
    animation-timing-function: linear;
  }
  87.5% {
    opacity: 1;
    animation-timing-function: linear;
  }
  95.38% {
    opacity: 0;
    animation-timing-function: linear;
  }
}
#wrapper &gt; p{
  color: #fff;
  text-align: center;
  font-family: sans-serif;
  font-size: 20px; 
}
#wrapper &gt; p &gt; a:active,
#wrapper &gt; p &gt; a:visited,
#wrapper &gt; p &gt; a{
  color: inherit;
}
#wrapper{
  margin: auto;
}
&lt;/style&gt;
&lt;div id=&quot;wrapper&quot;&gt;
  &lt;p&gt;CSS Only Text Animation&lt;/p&gt;
&lt;div id=&quot;Stage&quot; style=&quot;position:relative;overflow:hidden;width:400px;height:400px;background-color:#50A8DC;perspective:2000px;&quot;&gt;
  &lt;div id=&quot;box_289&quot; style=&quot;position : absolute;transform: translate(-64px, 0px) scaleX(1) scaleY(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);width : 61px;height : 401px;background-color : #ffffff;opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : linear;animation: box289-289-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;&lt;/div&gt;
  &lt;div id=&quot;group_295&quot; style=&quot;position : absolute;transform: translate(10px, 0px) scaleX(1) scaleY(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 244px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : linear;animation: group295-295-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;
    &lt;div&gt;
      &lt;div id=&quot;text_679&quot; style=&quot;position : absolute;transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 400px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : ease;font-size : 72px;color : rgba(255, 255, 255, 1);font-family : &#039;Impact&#039;, sans-serif;text-align : left;letter-spacing : 5px;animation: text188_214_679-679-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;Complex &lt;span style=&quot;visibility: hidden;&quot;&gt;Animation&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;is&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;hard&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;make&lt;/span&gt;&lt;/div&gt;
      &lt;div id=&quot;text_577&quot; style=&quot;position : absolute;transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 400px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : ease;font-size : 72px;color : rgba(255, 255, 255, 1);font-family : &#039;Impact&#039;, sans-serif;text-align : left;letter-spacing : 5px;animation: text188_214_577-577-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;&lt;span style=&quot;visibility: hidden;&quot;&gt;Complex&lt;/span&gt; Animation &lt;span style=&quot;visibility: hidden;&quot;&gt;is&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;hard&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;make&lt;/span&gt;&lt;/div&gt;
      &lt;div id=&quot;text_860&quot; style=&quot;position : absolute;transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 400px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : ease;font-size : 72px;color : rgba(255, 255, 255, 1);font-family : &#039;Impact&#039;, sans-serif;text-align : left;letter-spacing : 5px;animation: text188_214_860-860-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;&lt;span style=&quot;visibility: hidden;&quot;&gt;Complex&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;Animation&lt;/span&gt; is &lt;span style=&quot;visibility: hidden;&quot;&gt;hard&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;make&lt;/span&gt;&lt;/div&gt;
      &lt;div id=&quot;text_854&quot; style=&quot;position : absolute;transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 400px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : ease;font-size : 72px;color : rgba(255, 255, 255, 1);font-family : &#039;Impact&#039;, sans-serif;text-align : left;letter-spacing : 5px;animation: text188_214_854-854-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;&lt;span style=&quot;visibility: hidden;&quot;&gt;Complex&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;Animation&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;is&lt;/span&gt; hard &lt;span style=&quot;visibility: hidden;&quot;&gt;to&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;make&lt;/span&gt;&lt;/div&gt;
      &lt;div id=&quot;text_305&quot; style=&quot;position : absolute;transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 400px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : ease;font-size : 72px;color : rgba(255, 255, 255, 1);font-family : &#039;Impact&#039;, sans-serif;text-align : left;letter-spacing : 5px;animation: text188_214_305-305-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;&lt;span style=&quot;visibility: hidden;&quot;&gt;Complex&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;Animation&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;is&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;hard&lt;/span&gt; to &lt;span style=&quot;visibility: hidden;&quot;&gt;make&lt;/span&gt;&lt;/div&gt;
      &lt;div id=&quot;text_963&quot; style=&quot;position : absolute;transform: translate(0px, 0px) scaleX(1) scaleY(1) rotateX(-95deg) rotateY(0deg) rotateZ(0deg);width : 400px;height : 400px;background-color : rgba(0,0,0,0);opacity : 1;border-radius : 0px;z-index : 0;transform-origin : 0 0;overflow:visible;animation-timing-function : ease;font-size : 72px;color : rgba(255, 255, 255, 1);font-family : &#039;Impact&#039;, sans-serif;text-align : left;letter-spacing : 5px;animation: text188_214_963-963-ani 8000ms infinite both;background-position: center; background-repeat: no-repeat; background-size: contain;&quot;&gt;&lt;span style=&quot;visibility: hidden;&quot;&gt;Complex&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;Animation&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;is&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;hard&lt;/span&gt; &lt;span style=&quot;visibility: hidden;&quot;&gt;to&lt;/span&gt; make&lt;/div&gt;
      &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</td>
                                                            <td>0</td>
                                                            <td>10</td>
                                                            <td>2</td>
                                                            <td>30</td>
                                                            <td>66</td>
                                                            <td>{&quot;desktop&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;10&quot;,&quot;width&quot;:&quot;30&quot;,&quot;height&quot;:&quot;65.5&quot;,&quot;z&quot;:2},&quot;tablet&quot;:{&quot;left&quot;:&quot;51.17&quot;,&quot;top&quot;:&quot;10.25&quot;,&quot;width&quot;:&quot;47.78&quot;,&quot;height&quot;:&quot;73.75&quot;,&quot;z&quot;:2},&quot;mobile&quot;:{&quot;left&quot;:&quot;16.8&quot;,&quot;top&quot;:&quot;49.89&quot;,&quot;width&quot;:&quot;69.2&quot;,&quot;height&quot;:&quot;50.11&quot;,&quot;z&quot;:2}}</td>
                                                            <td>en</td>
                                                    </tr>
                                            <tr>
                                                            <td>591</td>
                                                            <td>48</td>
                                                            <td>T</td>
                                                            <td>1</td>
                                                            <td>&lt;style&gt;
    #ec_hiring_text {
        margin: 0;
        font-family: &#039;Segoe UI&#039;, Tahoma, Geneva, Verdana, sans-serif;
        background: #f4f6f8;
    }

    .hiring-banner {
        background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
        color: #ffffff;
        padding: 60px 20px;
        text-align: center;
    }

    .hiring-banner h1 {
        font-size: 48px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    .hiring-banner h1 span {
        color: #00e6ff;
    }

    .hiring-banner p {
        font-size: 18px;
        max-width: 700px;
        margin: 0 auto 30px;
        color: #d9f3f7;
    }

    .hiring-banner .roles {
        font-size: 16px;
        margin-bottom: 35px;
        color: #bfefff;
    }

    .apply-btn {
        display: inline-block;
        padding: 14px 32px;
        background: #00e6ff;
        color: #0f2027;
        font-size: 16px;
        font-weight: bold;
        border-radius: 30px;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .apply-btn:hover {
        background: #ffffff;
        color: #0f2027;
        transform: translateY(-2px);
    }
&lt;/style&gt;
&lt;div id=&#039;ec_hiring_text&#039;&gt;

    &lt;div class=&quot;hiring-banner&quot;&gt;
        &lt;h1&gt;:rocket: We&#039;re &lt;span&gt;Hiring&lt;/span&gt;&lt;/h1&gt;
        &lt;p&gt;
            Join our growing IT team and work on innovative, real-world projects
            that make an impact.
        &lt;/p&gt;
        &lt;div class=&quot;roles&quot;&gt;
            PHP • React • Node.js • UI/UX • QA • DevOps
        &lt;/div&gt;
        &lt;a href=&quot;#apply&quot; class=&quot;apply-btn&quot;&gt;Apply Now&lt;/a&gt;
    &lt;/div&gt;

&lt;/div&gt;</td>
                                                            <td>0</td>
                                                            <td>0</td>
                                                            <td>1</td>
                                                            <td>100</td>
                                                            <td>80</td>
                                                            <td>{&quot;desktop&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;0&quot;,&quot;width&quot;:&quot;100&quot;,&quot;height&quot;:&quot;79.8&quot;,&quot;z&quot;:1},&quot;tablet&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;0&quot;,&quot;width&quot;:&quot;100&quot;,&quot;height&quot;:&quot;100&quot;,&quot;z&quot;:1},&quot;mobile&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;0&quot;,&quot;width&quot;:&quot;100&quot;,&quot;height&quot;:&quot;55.79&quot;,&quot;z&quot;:1}}</td>
                                                            <td>en</td>
                                                    </tr>
                                            <tr>
                                                            <td>590</td>
                                                            <td>48</td>
                                                            <td>I</td>
                                                            <td>two</td>
                                                            <td>58</td>
                                                            <td>0</td>
                                                            <td>45.95</td>
                                                            <td>2</td>
                                                            <td>15</td>
                                                            <td>34</td>
                                                            <td>{&quot;desktop&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;45.95&quot;,&quot;width&quot;:&quot;15.1&quot;,&quot;height&quot;:&quot;33.7&quot;,&quot;z&quot;:2},&quot;tablet&quot;:{&quot;left&quot;:&quot;84.8&quot;,&quot;top&quot;:&quot;66.62&quot;,&quot;width&quot;:&quot;15.26&quot;,&quot;height&quot;:&quot;23.66&quot;,&quot;z&quot;:2},&quot;mobile&quot;:{&quot;left&quot;:&quot;0&quot;,&quot;top&quot;:&quot;54&quot;,&quot;width&quot;:&quot;100&quot;,&quot;height&quot;:&quot;46.1&quot;,&quot;z&quot;:2}}</td>
                                                            <td>en</td>
                                                    </tr>
                                                </table>
        </div>
    
        <!--DebugToolbarSubTabSQLParse--></div>