/**************REECRITURE CSS ALEROUX****************************
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@%%%%%%%%%%%%%&@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%#(/**(@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%(        #%%%%%%%@@@@@@@@@@@@@@@
@@@@@@@@@@@@@&%%%%%%%%%%%%%%%(         ,%%%%%%%%%%%%@@@@@@@@@@@@@
@@@@@@@@@@@%%%%%%%%%%%%%%%/           %%%%%%%%%%%%%%%%&@@@@@@@@@@
@@@@@@@@@%%%%%%%%%%%%%%#             %%%%%%%%%%%%%%%%%%%@@@@@@@@@
@@@@@@@%%%%%%%%%%%%%%%              (%%%%%%%%%%%%%%%%%%%%%@@@@@@@
@@@@@@%%%%%%%%%%%%%%/               %%%%%%%%%%%%%%%%%%%%%%%@@@@@@
@@@@@%%%%%%%%%%%%%%                   /%%%%%%%%%%%%%%%%%%%%%&@@@@
@@@@%%%%%%%%%%%%%%                         #%%%%%%%%%%%%%%%%%&@@@
@@@%%%%%%%%%%%%%%.                           *%%%%%%%%%%%%%%%%@@@
@@@%%%%%%%%%%%%%(                              %%%%%%%%%%%%%%%%@@
@@%%%%%%%%%%%%%%                                #%%%%%%%%%%%%%%@@
@@%%%%%%%%%%%%%/                                 #%%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%.                                 .%%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%.                                  %%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%/                                  %%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%%                                 .%%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%%#                                #%%%%%%%%%%%%%&@
@@&%%%%%%%%%%%%%%#                              #%%%%%%%%%%%%%%@@
@@@%%%%%%%%%%%%%%%#                            (%%%%%%%%%%%%%%&@@
@@@@%%%%%%%%%%%%%%%%.                         %%%%%%%%%%%%%%%%@@@
@@@@&%%%%%%%%%%%%%%%%%,                     %%%%%%%%%%%%%%%%%@@@@
@@@@@@%%%%%%%%%%%%%%%%%%%/              ,#%%%%%%%%%%%%%%%%%%@@@@@
@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%(/***(#%%%%%%%%%%%%%%%%%%%%%%@@@@@@
@@@@@@@@&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@
@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@
@@@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@
@@@@@@@@@@@@@@&%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%&@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@&%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@
****************************************************************/

@font-face {
    font-family: Anton;
    src: url("Anton-Regular.ttf") format("truetype");
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}
body {
  background-color: #000 !important;
  background-image:none!important;
  padding: 0px 0px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  background-repeat: repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: 0 0 !important;
  box-shadow: 0 0 0 0 #ffffff !important;
}
#tididididi{
    position:fixed;
    bottom:0px;
    right:0px;
}
.register-termsOfUse-container div {
    margin: 0px;
}
.radio {
  margin: 0.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}
video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}
#overlay-noel:before {
    content: '';
    background: linear-gradient(to bottom, rgba(0,0,0,0.77) 0%,rgba(0,0,0,0.22) 66%);
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -99;
    transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

li.droit {
  float: right !important;
}

i.fas.fa-sign-out-alt {
  height: 10px;
  width: 10px;
  position: fixed;
  margin-top: 18px;
  margin-left: -5px;
}
.cgu{
  color: #E60000; 
}
.register-termsOfUse-container {
    padding-top: 15px;
    text-align: center;
}
.navbar-inverse .navbar-nav>li>a:hover {
  color: #fff;
  background: #fff
}

.tab-2.resp-tab-content.resp-tab-content-active,
.tab-1.resp-tab-content.resp-tab-content-active {
  margin-top: -10px;
  box-shadow: 0px 5px 5px 2px #0000001f;

}

.txt-blc {
  font-size: 1em;
  color: #fff;
  padding: 10px 0;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
}
.txt-blc a:hover {
    color: #E60000!important;
    background: #fff;
    padding: 6px 8px;
    border-radius: 6px;
    text-decoration: none
}

div#element-center1 {
  margin: 0 auto;
  padding: 10px;
  width: 200px;
  margin-left: 10%;
  display: inline-block;
  position: relative;
}

div#element-center2 {
  margin: 0 auto;
  padding: 10px;
  width: 200px;
  margin-left: 10%;
  display: inline-block;
  position: relative;
}

.toggleslide-switch {
  top: -5px !important
}

.register-termsOfUse-container.txt-blc {
  text-align: center;
}

.register-termsOfUse-container.txt-blc a {
  text-decoration: none;
  color: #fff;
}

div#element-center1 i.fa {
  width: 30px;
  height: 30px;
  position: absolute;
  margin-left: -60px;
}

div#element-center2 i.fa {
  width: 30px;
  height: 30px;
  position: absolute;
  margin-left: -65px;
  margin-top: 3px;
}

@media (max-width:780px) {
  i.fas.fa-sign-out-alt {
    height: 10px;
    width: 10px;
    position: fixed;
    margin-top: 13px;
    margin-left: 0px;
  }

  li.droit {
    float: inherit !important;
  }
}


/* reset */
div#logo {
  margin: 0 auto;
  width: 500px;
  position: relative;
  padding: 20px;
 /*
  -webkit-animation: changeColor 3.77s infinite;
  -moz-animation:    changeColor 3.77s infinite;
  -o-animation:      changeColor 3.77s infinite;
  animation:         changeColor 3.77s infinite;
 */
}
    @-webkit-keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }

    @-moz-keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }

    @-o-keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }

    @keyframes changeColor {

      0%   {

        -webkit-filter: hue-rotate(0deg);

        -moz-filter: hue-rotate(0deg);

        -o-filter: hue-rotate(0deg);

        filter: hue-rotate(0deg);

      }

    

      100% {

        -webkit-filter: hue-rotate(360deg);

        -moz-filter: hue-rotate(360deg);

        -o-filter: hue-rotate(360deg);

        filter: hue-rotate(360deg);

      }

    }
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,
dl,
dt,
dd,
ol,
nav ul,
nav 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;
}

ol,
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

blockquote,
q {
  quotes: none;
}

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

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

/* start editing from here */
a {
  text-decoration: none;
}

.txt-rt {
  text-align: right;
}

/* text align right */
.txt-lt {
  text-align: left;
}

/* text align left */
.txt-center {
  text-align: center;
}

/* text align center */
.float-rt {
  float: right;
}

/* float right */
.float-lt {
  float: left;
}

/* float left */
.clear {
  clear: both;
}

/* clear float */
.pos-relative {
  position: relative;
}

/* Position Relative */
.pos-absolute {
  position: absolute;
}

/* Position Absolute */
.vertical-base {
  vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
  vertical-align: top;
}

/* vertical align top */
nav.vertical ul li {
  display: block;
}

/* vertical menu */
nav.horizontal ul li {
  display: inline-block;
}

/* horizontal menu */
img {
  max-width: 100%;
}

/*end reset*/
/****-----start-body----****/
body {
  background-size: cover;
  background-attachment: inherit;
  background-position: 50% 50%;
  font-family: 'Source Sans Pro', sans-serif;

}

.main h1 {
  font-size: 3em;
  color: #fff;
  padding: 1.5em 0;
  text-align: center;
  font-family: 'Lora', serif;
}

body a,
form li,
.submit input[type="submit"],
form li.second,
ul.age-groups li label,
.submit.three input[type="submit"],
.submit.two input[type="submit"] {
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
}

/*----sap-----*/
.sap_tabs {
  clear: both;
  margin: 0 auto;
  width: 40%;
}

.facts {
  padding: 4% 4% 5% 4%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
        border-radius: 0px 0px 15px 15px;
    box-shadow: inset 0px -20px 20px 6px hsl(0deg 100% 50% / 25%);
  background: rgb(230, 0, 0);
  background: -moz-linear-gradient(top, rgb(230, 0, 0) 45%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(230, 0, 0) 45%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgb(230, 0, 0) 45%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60000', endColorstr='#00a3ff', GradientType=0);
  /*
  -webkit-animation: changeColor 7.77s infinite;
  -moz-animation:    changeColor 7.77s infinite;
  -o-animation:      changeColor 7.77s infinite;
  animation:         changeColor 7.77s infinite;
  */
}
.facts-compte {
  padding: 4% 4% 5% 4%;
  box-shadow: inset 0px -20px 20px 6px hsl(0deg 0% 0% / 25%);
  background: rgb(230, 0, 0);
  background: -moz-linear-gradient(top, rgb(230, 0, 0) 45%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(230, 0, 0) 45%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgb(230, 0, 0) 45%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60000', endColorstr='#00a3ff', GradientType=0);
}

.top1 {
  margin-top: 2%;
}

.resp-tabs-list {
  width: 100%;
}

.tab-text h3 a {
  color: #918D8D;
  font-size: 1.4em;
  text-decoration: none;
}

.resp-tab-item:first-child {
  border-left: none;
}

i.resp-tab-item.lost {
  margin: 0;
}

.resp-tab-item {
  border: none;
  color: #fff;
  font-size: 1em;
background: maroon;
  text-transform: uppercase;
  cursor: pointer;
  padding: 1.3em 0;
  display: inline-block;
  text-align: center;
  list-style: none;
  float: left;
  width: 33.33%;
  outline: none;
  font-family: 'Raleway', sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 600;
}

.resp-tab-item:hover {
  background: linear-gradient(to bottom,  rgba(130,0,0,1) 0%,rgba(230,0,0,1) 100%);
  text-shadow: none;
  color: #FFF;
}

.resp-tab-active {
	border-top: 2px solid #fff;
    border-left: 2px solid #fff!important;
    border-right: 2px solid #fff;
  background: rgb(109, 0, 25);
  background: -moz-linear-gradient(top, rgba(109, 0, 25, 1) 0%, rgba(230, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(109, 0, 25, 1) 0%, rgba(230, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(109, 0, 25, 1) 0%, rgba(230, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d0019', endColorstr='#e60000', GradientType=0);
  text-shadow: none;
  color: #fff;
  /*
      -webkit-animation: changeColor 7.77s infinite;
  -moz-animation:    changeColor 7.77s infinite;
  -o-animation:      changeColor 7.77s infinite;
  animation:         changeColor 7.77s infinite;
  */
}
.resp-tab-compte {
  background: rgb(109, 0, 25);
  background: -moz-linear-gradient(top, rgba(109, 0, 25, 1) 0%, rgba(230, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(109, 0, 25, 1) 0%, rgba(230, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(109, 0, 25, 1) 0%, rgba(230, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d0019', endColorstr='#e60000', GradientType=0);
  box-shadow: inset 0px 12px 10px 5px hsl(0deg 0% 0% / 30%);
  text-shadow: none;
  color: #fff;
  animation: none!important;
}

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
      border-radius: 0px 0px 15px 15px;
}
.submit.three {
  display: flex;
  justify-content: center; /* centre horizontalement */
  align-items: center;     /* centre verticalement */
  height: 100px;           /* facultatif : donne une hauteur à la div */
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
}

.resp-content-active,
.resp-accordion-active {
  display: block;
}

h2.resp-accordion {
  font-size: 1em;
  margin: 0px;
  padding: 10px 15px;
  background: #C5CDD1;
  margin: 10px 0;
  color: #FFF;
}

span.tab-img img {
  border: 3px solid rgba(213, 210, 210, 0.6);
}

h2.resp-accordion:hover {
  background: #FE2232;
  text-shadow: none;
  color: #FFF;
}

span.tab-img {
  float: left;
  width: 25.5%;
  margin-right: 2.6%;
}

.tab-text {
  float: right;
  width: 68.5%;
  position: relative;
}

.tab-text p {
  margin-bottom: 10px;
}

.tab-text span {
  position: absolute;
  top: 45%;
  left: 0%;
  width: 99%;
  height: 1px;
  background: rgba(231, 231, 240, 1);
}

.post-meta {
  margin-top: 1em;
}

.tab-text p a {
  color: #69e9cf;
  font-size: 0.875em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.tab-text p a:hover {
  color: #eee378;
}

.link1 {
  font-size: 0.9em;
  color: #918A8A;
  font-style: italic;
  font-weight: 600;
}

.post-meta p {
  font-size: 15px;
  margin-bottom: 2px;
  color: #999;
}

.post-meta a {
  color: #777;
  margin-right: 10px;
}

.post-meta a:hover {
  color: red;
}

.tab-left {
  margin-bottom: 5%;
}

li.resp-tab-item.lost {
  margin: 0;
}

.top-img {
  padding-bottom: 0.7em;
}

/*---------*/
.register p {
  font-size: 1.1em;
  color: #fff;
  padding: 1em 0;
  font-weight: 400;
  text-align: left;
}

.register input[type="text"],
.register input[type="password"] {
  width: 95%;
  padding: 0.8em 0.8em;
  color: #000;
  font-size: 15px;
  outline: none;
  background: none;
  font-weight: 500;
  border: 1px solid rgb(250 250 250 / 69%);
  background: #ffffff;
  font-family: 'Raleway', sans-serif;
}

.sign-up {
  padding: 1.2em 0;
}

.sign-up input[type="reset"] {
  float: left;
  background: #4a4a4a;
  padding: 0.5em 1.2em;
  color: #fff;
  font-weight: 300;
  border: none;
  outline: none;
  font-size: 1.2em;
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
}

.sign-up input[type="reset"]:hover,
.sign-up input[type="submit"]:hover,
.submit.two input[type="submit"]:hover,
.submit.three input[type="submit"]:hover {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
}

.alert-danger {
  text-align: center;
  color: #d4d4d4 !important;
  background-color: #E60000 !important;
  border-color: #820000 !important;
}

.sign-up input[type="submit"] {
  float: right;
  background: #fff;
  padding: 0.5em 1.2em;
  color: #f00;
  font-weight: bold;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 1.1em;
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
  font-family: 'Raleway', sans-serif;
  border-radius: 10px 0px;
}

/*-----login----------*/

.buttons li.twr {
  display: inline-block;
  width: 50%;
  float: left;
  border: none;
}

.buttons li:hover {
  border: none;
}

.buttons li.fb {
  display: inline-block;
  width: 50%;
  float: left;
  border: none;
}

/* Bounce To Bottom */
.fb a.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  color: #fff;
  background: url("../images/fb.png")no-repeat 31px 15px #3b5fa4;
  padding: 1em 6.45em;
  font-size: 1.1em;
  border-bottom: 3px solid #263F71;
}

.fb a.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #263F71;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.fb a.hvr-bounce-to-bottom:hover,
.fb a.hvr-bounce-to-bottom:focus,
.fb a.hvr-bounce-to-bottom:active {
  color: white;
}

.fb a.hvr-bounce-to-bottom:hover:before,
.fb a.hvr-bounce-to-bottom:focus:before,
.fb a.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.twr a.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  color: #fff;
  background: url("../images/twt.png")no-repeat 40px 15px #11aade;
  padding: 1em 6.45em;
  font-size: 1.1em;
  border-bottom: 3px solid #0581AB;
}

.twr a.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0581AB;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.twr a.hvr-bounce-to-top:hover,
.twr a.hvr-bounce-to-top:focus,
.twr a.hvr-bounce-to-top:active {
  color: white;
}

.twr a.hvr-bounce-to-top:hover:before,
.twr a.hvr-bounce-to-top:focus:before,
.twr a.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.register p,
.form-styled p {
  font-size: 1em;
  color: #fff;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
}

.login input[type="text"],
.login input[type="password"] {
  width: 100%;
  padding: 1em 1em 0.9em 3em;
  color: #999;
  font-size: 17px;
  outline: none;
  font-weight: 400;
  border: none;
  border: 1px solid #fff;
  margin: 5px 0px 0px 0px;
  background: url("../images/sms.png")no-repeat 10px 16px #fff;
  /*
      -webkit-animation: changeColor 7.77s infinite;
  -moz-animation:    changeColor 7.77s infinite;
  -o-animation:      changeColor 7.77s infinite;
  animation:         changeColor 7.77s infinite;
  */
}

.login input[type="password"] {
  background: url("../images/lock.png")no-repeat 10px 15px #fff;
}

.submit.two input[type="submit"] {
  font-size: 1.2em;
  font-weight: 400;
  color: #f00;
  font-weight: bold;
  width: 200px;
  cursor: pointer;
  outline: none;
  padding: 1.2em 2em;
  border-radius: 10px 0px;
  border: none;
  background: #ffffff;
  font-family: 'Raleway', sans-serif;
  position: relative;
  left: 64%;
}

/*----------*/
.p-container {
  margin: 1em 0;
}

.p-container .checkbox input {
  position: absolute;
  left: -9999px;
}

.p-container.checkbox i {
  border-color: #fff;
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;

}

.p-container.checkbox i:hover {
  border-color: red;

}

.p-container i:before {
  background-color: #2da5da;
}

.p-container .rating label {
  color: #ccc;
  transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

.p-container .checkbox input+i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}

.p-container .checkbox input+i:after {
  content: url(../images/tick.png) no-repeat 7px 1px;
  top: 1px;
  left: 3px;
  width: 14px;
  height: 12px;
}

.p-container.checkbox {
  float: left;
  margin-right: 30px;
}

.p-container .checkbox {
  padding-left: 40px;
  font-size: 0.95em;
  line-height: 21px;
  color: #fff;
  cursor: pointer;
  font-family: 'Raleway', sans-serif;
}

.p-container .checkbox {
  position: relative;
  display: block;
}

label.checkbox {
  float: left;
  margin-top: 3px;
}

.p-container .checkbox i {
  position: absolute;
  top: 0px;
  left: 5px;
  display: block;
  width: 22px;
  height: 22px;
  outline: none;
  border: none;
  background: none;
  border: 2px solid #89261B;
}

.p-container .checkbox input+i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}

.p-container .checkbox input+i:after {
  color: #2da5da;
}

.p-container .checkbox input:checked+i,
.p-container .input:checked+i {
  border-color: #2da5da;
}

.p-container .rating input:checked~label {
  color: #2da5da;
}

.p-container .checkbox input:checked+i:after {
  opacity: 1;
}

/*---------*/
form.sub {
  padding: 1em 0;
}

form.sub p {
  font-size: 1em;
  color: #fff;
  padding: 1em 0;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
  text-align: left;
}

form.sub input[type="password"] {
  width: 95%;
  padding: 0.8em 0.8em;
  color: #fff;
  font-size: 15px;
  outline: none;
  background: none;
  font-weight: 500;
  border: 1px solid rgba(186, 40, 23, 0.69);
  font-family: 'Raleway', sans-serif;
}

.submit.three input[type="submit"] {
  font-size: 1.1em;
  font-weight: 400;
  color: #E60000;
  font-weight: bold;
  width: 200px;
  cursor: pointer;
  outline: none;
  padding: 1.2em 1em;
  border-radius: 10px 0px;
  border: none;
  background: #fff;
  font-family: 'Raleway', sans-serif;
  position: relative;
}

/*---------------*/
.copy-right {
  text-align: center;
  margin: 2em 0;
}

.copy-right p {
  color: #fff;
  font-size: 1.1em;
  font-weight: 400;
}

.copy-right p a {
  color: #fff;
}

.copy-right p a:hover {
  text-decoration: underline;
}

/*-----start-responsive-design------*/
@media (max-width:1440px) {

  .login input[type="text"],
  .login input[type="password"] {
    width: 100%;
  }

  .submit.two input[type="submit"] {
    left: 50%;
  }

  .sap_tabs {
    margin: 0 auto;
    width: 40%;
  }

  .fb a.hvr-bounce-to-bottom {
    background: url("../images/fb.png")no-repeat 31px 15px #3b5fa4;
    padding: 1em 5.5em;
  }

  .twr a.hvr-bounce-to-top {
    background: url("../images/twt.png")no-repeat 40px 15px #11aade;
    padding: 1em 5.5em;
  }

  .main h1 {
    font-size: 2.8em;
  }
}

@media (max-width:1366px) {
  .sap_tabs {
    clear: both;
    margin: 0 auto;
    width: 43%;
  }

  .submit.three input[type="submit"] {
    left: 50%;
  }

  .login input[type="text"],
  .login input[type="password"] {
    width: 100%;
  }

  .fb a.hvr-bounce-to-bottom {
    background: url("../images/fb.png")no-repeat 31px 15px #3b5fa4;
    padding: 1em 5.5em;
  }

  .twr a.hvr-bounce-to-top {
    background: url("../images/twt.png")no-repeat 40px 15px #11aade;
    padding: 1em 5.5em;
  }
}

@media (max-width:1280px) {
  .sap_tabs {
    clear: both;
    margin: 0 auto;
    width: 47%;
  }

}

@media (max-width:1024px) {
  .sap_tabs {
    clear: both;
    margin: 0 auto;
    width: 59%;
  }

  .main h1 {
    font-size: 2.5em;
    padding: 1em 0;
  }
}

@media (max-width:768px) {
  .sap_tabs {
    clear: both;
    margin: 0 auto;
    width: 59%;
  }

  .twr a.hvr-bounce-to-top {
    background: url("../images/twt.png")no-repeat 40px 15px #11aade;
    padding: 1em 5.9em;
  }
  video{
    display:none
  }
}

@media (max-width:640px) {
  div#logo {
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 40px;
  }

  .sap_tabs {
    width: 90%;
  }

  .resp-tab-item {
    font-size: 0.9em;
  }

  .fb a.hvr-bounce-to-bottom {
    padding: 1em 4.9em;
  }

  .twr a.hvr-bounce-to-top {
    padding: 1em 5.55em;
  }

  .login input[type="text"],
  .login input[type="password"] {
    width: 100%;
  }

  form.sub input[type="password"] {
    width: 94%;
  }

  .buttons li.fb {
    display: inline-block;
    width: 49%;
  }

  @media (max-width:480px) {
    .top-img img {
      width: 25%;
    }

    .resp-tab-item {
      font-size: 0.7em;
    }

    .register input[type="text"],
    .register input[type="password"] {
      width: 92%;
    }

    .register p,
    form.sub p {
      font-size: 0.95em;
      padding: 0.5em 0;
    }

    .fb a.hvr-bounce-to-bottom {
      padding: 1em 4.4em;
      font-size: 1em;
      background: url("../images/fb.png")no-repeat 10px 14px #3b5fa4;
    }

    .twr a.hvr-bounce-to-top {
      padding: 1em 4.4em;
      font-size: 1em;
      background: url("../images/twt.png")no-repeat 17px 12px #11aade;
    }

    .login input[type="text"],
    .login input[type="password"] {
      width: 84.8%;
    }

    form.sub input[type="password"] {
      width: 92%;
    }

    .login input[type="text"],
    .login input[type="password"] {
      width: 100%;
      padding: 0.85em 1em 0.85em 3em;
      margin: 0.4em 0;
      background: url("../images/mail.png")no-repeat 10px 15px #fff;
      font-size: 16px;
    }

    .submit.two input[type="submit"] {
      width: 165px;
      padding: 0.2em 1em;
      left: 40%;
    }

    .login input[type="password"] {
      background: url("../images/lock.png")no-repeat 9px 10px #fff;
    }

    .buttons {
      padding: 0.5em 0 0.6em 0;
    }

    .submit.three input[type="submit"] {
      padding: 0.9em 2em;
      margin-top: 1em;
      left: 40%;
    }

    .p-container .checkbox {
      font-size: 0.85em;
    }

    .copy-right p {
      font-size: 1em;
      line-height: 1.5em;
    }

    .main h1 {
      font-size: 2em;
      padding: 1em 0;
    }
  }

  @media (max-width:320px) {
    .wrap {
      margin: 0 auto;
      width: 92%;
    }

    .resp-tab-item {
      font-size: 0.55em;
    }

    .register p,
    form.sub p {
      font-size: 0.83em;
      padding: 0.5em 0;
    }

    .register input[type="text"],
    .register input[type="password"] {
      width: 91%;
      font-size: 13px;
    }

    .sign-up input[type="reset"] {
      padding: 0.6em 1.4em;
      font-size: 0.9em;
    }

    .sign-up input[type="submit"] {
      padding: 0.6em 1.5em;
      font-size: 0.9em;
    }

    .facts {
      padding: 4% 4% 4% 4%;
    }

    .fb a.hvr-bounce-to-bottom {
      padding: 0.8em 3.25em;
      background: url("../images/fb.png")no-repeat 6px 8px #3b5fa4;
      background-size: 17%;
      font-size: 0.8em;
    }

    .twr a.hvr-bounce-to-top {
      padding: 0.8em 3.1em;
      font-size: 0.8em;
      background: url("../images/twt.png")no-repeat 11px 8px #11aade;
      background-size: 17%;
    }

    .login input[type="text"],
    .login input[type="password"] {
      width: 75.5%;
      padding: 0.8em 1em 0.8em 3em;
      margin: 0.3em 0;
      background: url("../images/mail.png")no-repeat 10px 13px #fff;
      font-size: 15px;
    }

    .login input[type="password"] {
      background: url("../images/lock.png")no-repeat 9px 7px #fff;
    }

    .p-container .checkbox {
      font-size: 0.8em;
    }

    .submit.two input[type="submit"] {
      font-size: 0.9em;
      padding: 0.6em 1em;
    }

    .submit.three input[type="submit"] {
      padding: 0.8em 1em;
      margin-top: 1em;
    }

    form.sub input[type="password"] {
      width: 93%;
      padding: 0.6em 0.6em;
      font-size: 13px;
    }

    .copy-right p {
      font-size: 0.9em;
      line-height: 1.5em;
    }

    .main h1 {
      font-size: 1.45em;
    }
  }
}
div#ui {
    position: relative;
    width: 1140px;
    padding-bottom: 150px;
    padding-top:90px;
    left:50%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
#ui .text {
  position: absolute;
  font-size: 10rem;
  color: #fff;
  line-height: 10rem;
  font-family: "Anton", sans-serif;
  transform: translate(-50%, -50%);
  mix-blend-mode: screen;
  letter-spacing: 1rem;
}
#ui .text:nth-child(1) {
  color: #e80202;
  -webkit-animation: clip0 14264ms ease-in-out infinite alternate;
          animation: clip0 14264ms ease-in-out infinite alternate;
  filter: blur(-7px);
}
@-webkit-keyframes clip0 {
  0% {
    -webkit-clip-path: circle(48px at 106% -3%);
            clip-path: circle(48px at 106% -3%);
  }
  25% {
    -webkit-clip-path: circle(59px at -6% 112%);
            clip-path: circle(59px at -6% 112%);
  }
  50% {
    -webkit-clip-path: circle(130px at 82% 59%);
            clip-path: circle(130px at 82% 59%);
  }
  75% {
    -webkit-clip-path: circle(178px at 88% 79%);
            clip-path: circle(178px at 88% 79%);
  }
  100% {
    -webkit-clip-path: circle(151px at 130% -18%);
            clip-path: circle(151px at 130% -18%);
  }
}
@keyframes clip0 {
  0% {
    -webkit-clip-path: circle(48px at 106% -3%);
            clip-path: circle(48px at 106% -3%);
  }
  25% {
    -webkit-clip-path: circle(59px at -6% 112%);
            clip-path: circle(59px at -6% 112%);
  }
  50% {
    -webkit-clip-path: circle(130px at 82% 59%);
            clip-path: circle(130px at 82% 59%);
  }
  75% {
    -webkit-clip-path: circle(178px at 88% 79%);
            clip-path: circle(178px at 88% 79%);
  }
  100% {
    -webkit-clip-path: circle(151px at 130% -18%);
            clip-path: circle(151px at 130% -18%);
  }
}
#ui .text:nth-child(2) {
  color: #ca0404;
  -webkit-animation: clip1 14298ms ease-in-out infinite alternate;
          animation: clip1 14298ms ease-in-out infinite alternate;
  filter: blur(1px);
}
@-webkit-keyframes clip1 {
  0% {
    -webkit-clip-path: circle(155px at 82% 129%);
            clip-path: circle(155px at 82% 129%);
  }
  25% {
    -webkit-clip-path: circle(109px at 28% 97%);
            clip-path: circle(109px at 28% 97%);
  }
  50% {
    -webkit-clip-path: circle(177px at 4% 34%);
            clip-path: circle(177px at 4% 34%);
  }
  75% {
    -webkit-clip-path: circle(44px at 97% 109%);
            clip-path: circle(44px at 97% 109%);
  }
  100% {
    -webkit-clip-path: circle(93px at -17% 113%);
            clip-path: circle(93px at -17% 113%);
  }
}
@keyframes clip1 {
  0% {
    -webkit-clip-path: circle(155px at 82% 129%);
            clip-path: circle(155px at 82% 129%);
  }
  25% {
    -webkit-clip-path: circle(109px at 28% 97%);
            clip-path: circle(109px at 28% 97%);
  }
  50% {
    -webkit-clip-path: circle(177px at 4% 34%);
            clip-path: circle(177px at 4% 34%);
  }
  75% {
    -webkit-clip-path: circle(44px at 97% 109%);
            clip-path: circle(44px at 97% 109%);
  }
  100% {
    -webkit-clip-path: circle(93px at -17% 113%);
            clip-path: circle(93px at -17% 113%);
  }
}
#ui .text:nth-child(3) {
  color: #940303;
  -webkit-animation: clip2 13972ms ease-in-out infinite alternate;
          animation: clip2 13972ms ease-in-out infinite alternate;
  filter: blur(2px);
}
@-webkit-keyframes clip2 {
  0% {
    -webkit-clip-path: circle(114px at 103% -25%);
            clip-path: circle(114px at 103% -25%);
  }
  25% {
    -webkit-clip-path: circle(102px at 112% 47%);
            clip-path: circle(102px at 112% 47%);
  }
  50% {
    -webkit-clip-path: circle(94px at 99% -25%);
            clip-path: circle(94px at 99% -25%);
  }
  75% {
    -webkit-clip-path: circle(83px at 40% 97%);
            clip-path: circle(83px at 40% 97%);
  }
  100% {
    -webkit-clip-path: circle(160px at 123% 10%);
            clip-path: circle(160px at 123% 10%);
  }
}
@keyframes clip2 {
  0% {
    -webkit-clip-path: circle(114px at 103% -25%);
            clip-path: circle(114px at 103% -25%);
  }
  25% {
    -webkit-clip-path: circle(102px at 112% 47%);
            clip-path: circle(102px at 112% 47%);
  }
  50% {
    -webkit-clip-path: circle(94px at 99% -25%);
            clip-path: circle(94px at 99% -25%);
  }
  75% {
    -webkit-clip-path: circle(83px at 40% 97%);
            clip-path: circle(83px at 40% 97%);
  }
  100% {
    -webkit-clip-path: circle(160px at 123% 10%);
            clip-path: circle(160px at 123% 10%);
  }
}
#ui .text:nth-child(4) {
  color: #b80303;
  -webkit-animation: clip3 14938ms ease-in-out infinite alternate;
          animation: clip3 14938ms ease-in-out infinite alternate;
  filter: blur(5px);
}
@-webkit-keyframes clip3 {
  0% {
    -webkit-clip-path: circle(134px at 117% 49%);
            clip-path: circle(134px at 117% 49%);
  }
  25% {
    -webkit-clip-path: circle(140px at 118% 33%);
            clip-path: circle(140px at 118% 33%);
  }
  50% {
    -webkit-clip-path: circle(106px at 13% 73%);
            clip-path: circle(106px at 13% 73%);
  }
  75% {
    -webkit-clip-path: circle(132px at 13% 57%);
            clip-path: circle(132px at 13% 57%);
  }
  100% {
    -webkit-clip-path: circle(71px at 103% 46%);
            clip-path: circle(71px at 103% 46%);
  }
}
@keyframes clip3 {
  0% {
    -webkit-clip-path: circle(134px at 117% 49%);
            clip-path: circle(134px at 117% 49%);
  }
  25% {
    -webkit-clip-path: circle(140px at 118% 33%);
            clip-path: circle(140px at 118% 33%);
  }
  50% {
    -webkit-clip-path: circle(106px at 13% 73%);
            clip-path: circle(106px at 13% 73%);
  }
  75% {
    -webkit-clip-path: circle(132px at 13% 57%);
            clip-path: circle(132px at 13% 57%);
  }
  100% {
    -webkit-clip-path: circle(71px at 103% 46%);
            clip-path: circle(71px at 103% 46%);
  }
}
#ui .text:nth-child(5) {
  color: #740606;
  -webkit-animation: clip4 16055ms ease-in-out infinite alternate;
          animation: clip4 16055ms ease-in-out infinite alternate;
  filter: blur(-9px);
}
@-webkit-keyframes clip4 {
  0% {
    -webkit-clip-path: circle(179px at 108% 119%);
            clip-path: circle(179px at 108% 119%);
  }
  25% {
    -webkit-clip-path: circle(68px at 50% 86%);
            clip-path: circle(68px at 50% 86%);
  }
  50% {
    -webkit-clip-path: circle(147px at 96% 60%);
            clip-path: circle(147px at 96% 60%);
  }
  75% {
    -webkit-clip-path: circle(126px at 81% 14%);
            clip-path: circle(126px at 81% 14%);
  }
  100% {
    -webkit-clip-path: circle(85px at 2% 70%);
            clip-path: circle(85px at 2% 70%);
  }
}
@keyframes clip4 {
  0% {
    -webkit-clip-path: circle(179px at 108% 119%);
            clip-path: circle(179px at 108% 119%);
  }
  25% {
    -webkit-clip-path: circle(68px at 50% 86%);
            clip-path: circle(68px at 50% 86%);
  }
  50% {
    -webkit-clip-path: circle(147px at 96% 60%);
            clip-path: circle(147px at 96% 60%);
  }
  75% {
    -webkit-clip-path: circle(126px at 81% 14%);
            clip-path: circle(126px at 81% 14%);
  }
  100% {
    -webkit-clip-path: circle(85px at 2% 70%);
            clip-path: circle(85px at 2% 70%);
  }
}
#ui .text:nth-child(6) {
  color: #671c1c;
  -webkit-animation: clip5 11501ms ease-in-out infinite alternate;
          animation: clip5 11501ms ease-in-out infinite alternate;
  filter: blur(11px);
}
@-webkit-keyframes clip5 {
  0% {
    -webkit-clip-path: circle(68px at -15% 25%);
            clip-path: circle(68px at -15% 25%);
  }
  25% {
    -webkit-clip-path: circle(116px at 122% 73%);
            clip-path: circle(116px at 122% 73%);
  }
  50% {
    -webkit-clip-path: circle(57px at 8% 75%);
            clip-path: circle(57px at 8% 75%);
  }
  75% {
    -webkit-clip-path: circle(50px at -29% 34%);
            clip-path: circle(50px at -29% 34%);
  }
  100% {
    -webkit-clip-path: circle(163px at 28% 122%);
            clip-path: circle(163px at 28% 122%);
  }
}
@keyframes clip5 {
  0% {
    -webkit-clip-path: circle(68px at -15% 25%);
            clip-path: circle(68px at -15% 25%);
  }
  25% {
    -webkit-clip-path: circle(116px at 122% 73%);
            clip-path: circle(116px at 122% 73%);
  }
  50% {
    -webkit-clip-path: circle(57px at 8% 75%);
            clip-path: circle(57px at 8% 75%);
  }
  75% {
    -webkit-clip-path: circle(50px at -29% 34%);
            clip-path: circle(50px at -29% 34%);
  }
  100% {
    -webkit-clip-path: circle(163px at 28% 122%);
            clip-path: circle(163px at 28% 122%);
  }
}
#ui .text:nth-child(7) {
  color: #7e1212;
  -webkit-animation: clip6 16609ms ease-in-out infinite alternate;
          animation: clip6 16609ms ease-in-out infinite alternate;
  filter: blur(10px);
}
@-webkit-keyframes clip6 {
  0% {
    -webkit-clip-path: circle(146px at 89% 4%);
            clip-path: circle(146px at 89% 4%);
  }
  25% {
    -webkit-clip-path: circle(38px at 82% 119%);
            clip-path: circle(38px at 82% 119%);
  }
  50% {
    -webkit-clip-path: circle(158px at 118% 5%);
            clip-path: circle(158px at 118% 5%);
  }
  75% {
    -webkit-clip-path: circle(92px at 98% 58%);
            clip-path: circle(92px at 98% 58%);
  }
  100% {
    -webkit-clip-path: circle(94px at 76% 54%);
            clip-path: circle(94px at 76% 54%);
  }
}
@keyframes clip6 {
  0% {
    -webkit-clip-path: circle(146px at 89% 4%);
            clip-path: circle(146px at 89% 4%);
  }
  25% {
    -webkit-clip-path: circle(38px at 82% 119%);
            clip-path: circle(38px at 82% 119%);
  }
  50% {
    -webkit-clip-path: circle(158px at 118% 5%);
            clip-path: circle(158px at 118% 5%);
  }
  75% {
    -webkit-clip-path: circle(92px at 98% 58%);
            clip-path: circle(92px at 98% 58%);
  }
  100% {
    -webkit-clip-path: circle(94px at 76% 54%);
            clip-path: circle(94px at 76% 54%);
  }
}
#ui .text:nth-child(8) {
  color: #b01414;
  -webkit-animation: clip7 14642ms ease-in-out infinite alternate;
          animation: clip7 14642ms ease-in-out infinite alternate;
  filter: blur(-8px);
}
@-webkit-keyframes clip7 {
  0% {
    -webkit-clip-path: circle(179px at 76% -4%);
            clip-path: circle(179px at 76% -4%);
  }
  25% {
    -webkit-clip-path: circle(64px at 20% -4%);
            clip-path: circle(64px at 20% -4%);
  }
  50% {
    -webkit-clip-path: circle(145px at 123% 107%);
            clip-path: circle(145px at 123% 107%);
  }
  75% {
    -webkit-clip-path: circle(119px at 24% -29%);
            clip-path: circle(119px at 24% -29%);
  }
  100% {
    -webkit-clip-path: circle(80px at 51% 125%);
            clip-path: circle(80px at 51% 125%);
  }
}
@keyframes clip7 {
  0% {
    -webkit-clip-path: circle(179px at 76% -4%);
            clip-path: circle(179px at 76% -4%);
  }
  25% {
    -webkit-clip-path: circle(64px at 20% -4%);
            clip-path: circle(64px at 20% -4%);
  }
  50% {
    -webkit-clip-path: circle(145px at 123% 107%);
            clip-path: circle(145px at 123% 107%);
  }
  75% {
    -webkit-clip-path: circle(119px at 24% -29%);
            clip-path: circle(119px at 24% -29%);
  }
  100% {
    -webkit-clip-path: circle(80px at 51% 125%);
            clip-path: circle(80px at 51% 125%);
  }
}
#ui .text:nth-child(9) {
  color: #bf0d0d;
  -webkit-animation: clip8 12511ms ease-in-out infinite alternate;
          animation: clip8 12511ms ease-in-out infinite alternate;
  filter: blur(9px);
}
@-webkit-keyframes clip8 {
  0% {
    -webkit-clip-path: circle(165px at 37% 44%);
            clip-path: circle(165px at 37% 44%);
  }
  25% {
    -webkit-clip-path: circle(150px at 111% 108%);
            clip-path: circle(150px at 111% 108%);
  }
  50% {
    -webkit-clip-path: circle(144px at 117% 34%);
            clip-path: circle(144px at 117% 34%);
  }
  75% {
    -webkit-clip-path: circle(69px at 40% 98%);
            clip-path: circle(69px at 40% 98%);
  }
  100% {
    -webkit-clip-path: circle(178px at 98% 81%);
            clip-path: circle(178px at 98% 81%);
  }
}
@keyframes clip8 {
  0% {
    -webkit-clip-path: circle(165px at 37% 44%);
            clip-path: circle(165px at 37% 44%);
  }
  25% {
    -webkit-clip-path: circle(150px at 111% 108%);
            clip-path: circle(150px at 111% 108%);
  }
  50% {
    -webkit-clip-path: circle(144px at 117% 34%);
            clip-path: circle(144px at 117% 34%);
  }
  75% {
    -webkit-clip-path: circle(69px at 40% 98%);
            clip-path: circle(69px at 40% 98%);
  }
  100% {
    -webkit-clip-path: circle(178px at 98% 81%);
            clip-path: circle(178px at 98% 81%);
  }
}
#ui .text:nth-child(10) {
  color: #fd0000;
  -webkit-animation: clip9 16901ms ease-in-out infinite alternate;
          animation: clip9 16901ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip9 {
  0% {
    -webkit-clip-path: circle(110px at 48% -17%);
            clip-path: circle(110px at 48% -17%);
  }
  25% {
    -webkit-clip-path: circle(178px at 74% 63%);
            clip-path: circle(178px at 74% 63%);
  }
  50% {
    -webkit-clip-path: circle(97px at 17% 17%);
            clip-path: circle(97px at 17% 17%);
  }
  75% {
    -webkit-clip-path: circle(38px at -26% 28%);
            clip-path: circle(38px at -26% 28%);
  }
  100% {
    -webkit-clip-path: circle(107px at -3% 124%);
            clip-path: circle(107px at -3% 124%);
  }
}
@keyframes clip9 {
  0% {
    -webkit-clip-path: circle(110px at 48% -17%);
            clip-path: circle(110px at 48% -17%);
  }
  25% {
    -webkit-clip-path: circle(178px at 74% 63%);
            clip-path: circle(178px at 74% 63%);
  }
  50% {
    -webkit-clip-path: circle(97px at 17% 17%);
            clip-path: circle(97px at 17% 17%);
  }
  75% {
    -webkit-clip-path: circle(38px at -26% 28%);
            clip-path: circle(38px at -26% 28%);
  }
  100% {
    -webkit-clip-path: circle(107px at -3% 124%);
            clip-path: circle(107px at -3% 124%);
  }
}
#ui .text:nth-child(11) {
  color: #8a0909;
  -webkit-animation: clip10 11651ms ease-in-out infinite alternate;
          animation: clip10 11651ms ease-in-out infinite alternate;
  filter: blur(-1px);
}
@-webkit-keyframes clip10 {
  0% {
    -webkit-clip-path: circle(74px at 3% -21%);
            clip-path: circle(74px at 3% -21%);
  }
  25% {
    -webkit-clip-path: circle(158px at 0% 121%);
            clip-path: circle(158px at 0% 121%);
  }
  50% {
    -webkit-clip-path: circle(75px at 80% 112%);
            clip-path: circle(75px at 80% 112%);
  }
  75% {
    -webkit-clip-path: circle(136px at 23% -14%);
            clip-path: circle(136px at 23% -14%);
  }
  100% {
    -webkit-clip-path: circle(46px at 77% 97%);
            clip-path: circle(46px at 77% 97%);
  }
}
@keyframes clip10 {
  0% {
    -webkit-clip-path: circle(74px at 3% -21%);
            clip-path: circle(74px at 3% -21%);
  }
  25% {
    -webkit-clip-path: circle(158px at 0% 121%);
            clip-path: circle(158px at 0% 121%);
  }
  50% {
    -webkit-clip-path: circle(75px at 80% 112%);
            clip-path: circle(75px at 80% 112%);
  }
  75% {
    -webkit-clip-path: circle(136px at 23% -14%);
            clip-path: circle(136px at 23% -14%);
  }
  100% {
    -webkit-clip-path: circle(46px at 77% 97%);
            clip-path: circle(46px at 77% 97%);
  }
}
#ui .text:nth-child(12) {
  color: #8f0404;
  -webkit-animation: clip11 13268ms ease-in-out infinite alternate;
          animation: clip11 13268ms ease-in-out infinite alternate;
  filter: blur(-8px);
}
@-webkit-keyframes clip11 {
  0% {
    -webkit-clip-path: circle(135px at 22% 62%);
            clip-path: circle(135px at 22% 62%);
  }
  25% {
    -webkit-clip-path: circle(164px at -7% 88%);
            clip-path: circle(164px at -7% 88%);
  }
  50% {
    -webkit-clip-path: circle(49px at 128% 65%);
            clip-path: circle(49px at 128% 65%);
  }
  75% {
    -webkit-clip-path: circle(63px at 87% 74%);
            clip-path: circle(63px at 87% 74%);
  }
  100% {
    -webkit-clip-path: circle(63px at 87% 116%);
            clip-path: circle(63px at 87% 116%);
  }
}
@keyframes clip11 {
  0% {
    -webkit-clip-path: circle(135px at 22% 62%);
            clip-path: circle(135px at 22% 62%);
  }
  25% {
    -webkit-clip-path: circle(164px at -7% 88%);
            clip-path: circle(164px at -7% 88%);
  }
  50% {
    -webkit-clip-path: circle(49px at 128% 65%);
            clip-path: circle(49px at 128% 65%);
  }
  75% {
    -webkit-clip-path: circle(63px at 87% 74%);
            clip-path: circle(63px at 87% 74%);
  }
  100% {
    -webkit-clip-path: circle(63px at 87% 116%);
            clip-path: circle(63px at 87% 116%);
  }
}
#ui .text:nth-child(13) {
  color: #710303;
  -webkit-animation: clip12 17832ms ease-in-out infinite alternate;
          animation: clip12 17832ms ease-in-out infinite alternate;
  filter: blur(12px);
}
@-webkit-keyframes clip12 {
  0% {
    -webkit-clip-path: circle(81px at 64% 19%);
            clip-path: circle(81px at 64% 19%);
  }
  25% {
    -webkit-clip-path: circle(91px at 57% 19%);
            clip-path: circle(91px at 57% 19%);
  }
  50% {
    -webkit-clip-path: circle(148px at 97% 73%);
            clip-path: circle(148px at 97% 73%);
  }
  75% {
    -webkit-clip-path: circle(38px at 29% -11%);
            clip-path: circle(38px at 29% -11%);
  }
  100% {
    -webkit-clip-path: circle(169px at 18% 97%);
            clip-path: circle(169px at 18% 97%);
  }
}
@keyframes clip12 {
  0% {
    -webkit-clip-path: circle(81px at 64% 19%);
            clip-path: circle(81px at 64% 19%);
  }
  25% {
    -webkit-clip-path: circle(91px at 57% 19%);
            clip-path: circle(91px at 57% 19%);
  }
  50% {
    -webkit-clip-path: circle(148px at 97% 73%);
            clip-path: circle(148px at 97% 73%);
  }
  75% {
    -webkit-clip-path: circle(38px at 29% -11%);
            clip-path: circle(38px at 29% -11%);
  }
  100% {
    -webkit-clip-path: circle(169px at 18% 97%);
            clip-path: circle(169px at 18% 97%);
  }
}
#ui .text:nth-child(14) {
  color: #801d1d;
  -webkit-animation: clip13 16553ms ease-in-out infinite alternate;
          animation: clip13 16553ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip13 {
  0% {
    -webkit-clip-path: circle(57px at 126% 79%);
            clip-path: circle(57px at 126% 79%);
  }
  25% {
    -webkit-clip-path: circle(171px at 31% 8%);
            clip-path: circle(171px at 31% 8%);
  }
  50% {
    -webkit-clip-path: circle(51px at 88% 75%);
            clip-path: circle(51px at 88% 75%);
  }
  75% {
    -webkit-clip-path: circle(136px at 14% -21%);
            clip-path: circle(136px at 14% -21%);
  }
  100% {
    -webkit-clip-path: circle(95px at 39% 101%);
            clip-path: circle(95px at 39% 101%);
  }
}
@keyframes clip13 {
  0% {
    -webkit-clip-path: circle(57px at 126% 79%);
            clip-path: circle(57px at 126% 79%);
  }
  25% {
    -webkit-clip-path: circle(171px at 31% 8%);
            clip-path: circle(171px at 31% 8%);
  }
  50% {
    -webkit-clip-path: circle(51px at 88% 75%);
            clip-path: circle(51px at 88% 75%);
  }
  75% {
    -webkit-clip-path: circle(136px at 14% -21%);
            clip-path: circle(136px at 14% -21%);
  }
  100% {
    -webkit-clip-path: circle(95px at 39% 101%);
            clip-path: circle(95px at 39% 101%);
  }
}
#ui .text:nth-child(15) {
  color: #b50c0c;
  -webkit-animation: clip14 10279ms ease-in-out infinite alternate;
          animation: clip14 10279ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip14 {
  0% {
    -webkit-clip-path: circle(73px at 28% 52%);
            clip-path: circle(73px at 28% 52%);
  }
  25% {
    -webkit-clip-path: circle(118px at -4% 76%);
            clip-path: circle(118px at -4% 76%);
  }
  50% {
    -webkit-clip-path: circle(179px at -14% 32%);
            clip-path: circle(179px at -14% 32%);
  }
  75% {
    -webkit-clip-path: circle(33px at 63% 63%);
            clip-path: circle(33px at 63% 63%);
  }
  100% {
    -webkit-clip-path: circle(114px at 69% 125%);
            clip-path: circle(114px at 69% 125%);
  }
}
@keyframes clip14 {
  0% {
    -webkit-clip-path: circle(73px at 28% 52%);
            clip-path: circle(73px at 28% 52%);
  }
  25% {
    -webkit-clip-path: circle(118px at -4% 76%);
            clip-path: circle(118px at -4% 76%);
  }
  50% {
    -webkit-clip-path: circle(179px at -14% 32%);
            clip-path: circle(179px at -14% 32%);
  }
  75% {
    -webkit-clip-path: circle(33px at 63% 63%);
            clip-path: circle(33px at 63% 63%);
  }
  100% {
    -webkit-clip-path: circle(114px at 69% 125%);
            clip-path: circle(114px at 69% 125%);
  }
}
#ui .text:nth-child(16) {
  color: #670202;
  -webkit-animation: clip15 11362ms ease-in-out infinite alternate;
          animation: clip15 11362ms ease-in-out infinite alternate;
  filter: blur(2px);
}
@-webkit-keyframes clip15 {
  0% {
    -webkit-clip-path: circle(149px at 23% 11%);
            clip-path: circle(149px at 23% 11%);
  }
  25% {
    -webkit-clip-path: circle(178px at -13% 36%);
            clip-path: circle(178px at -13% 36%);
  }
  50% {
    -webkit-clip-path: circle(68px at 35% 12%);
            clip-path: circle(68px at 35% 12%);
  }
  75% {
    -webkit-clip-path: circle(126px at 100% 103%);
            clip-path: circle(126px at 100% 103%);
  }
  100% {
    -webkit-clip-path: circle(55px at 104% 108%);
            clip-path: circle(55px at 104% 108%);
  }
}
@keyframes clip15 {
  0% {
    -webkit-clip-path: circle(149px at 23% 11%);
            clip-path: circle(149px at 23% 11%);
  }
  25% {
    -webkit-clip-path: circle(178px at -13% 36%);
            clip-path: circle(178px at -13% 36%);
  }
  50% {
    -webkit-clip-path: circle(68px at 35% 12%);
            clip-path: circle(68px at 35% 12%);
  }
  75% {
    -webkit-clip-path: circle(126px at 100% 103%);
            clip-path: circle(126px at 100% 103%);
  }
  100% {
    -webkit-clip-path: circle(55px at 104% 108%);
            clip-path: circle(55px at 104% 108%);
  }
}
#ui .text:nth-child(17) {
  color: #c71212;
  -webkit-animation: clip16 13537ms ease-in-out infinite alternate;
          animation: clip16 13537ms ease-in-out infinite alternate;
  filter: blur(3px);
}
@-webkit-keyframes clip16 {
  0% {
    -webkit-clip-path: circle(175px at 107% 82%);
            clip-path: circle(175px at 107% 82%);
  }
  25% {
    -webkit-clip-path: circle(109px at 19% 113%);
            clip-path: circle(109px at 19% 113%);
  }
  50% {
    -webkit-clip-path: circle(49px at 108% -21%);
            clip-path: circle(49px at 108% -21%);
  }
  75% {
    -webkit-clip-path: circle(116px at 53% 18%);
            clip-path: circle(116px at 53% 18%);
  }
  100% {
    -webkit-clip-path: circle(113px at 42% -4%);
            clip-path: circle(113px at 42% -4%);
  }
}
@keyframes clip16 {
  0% {
    -webkit-clip-path: circle(175px at 107% 82%);
            clip-path: circle(175px at 107% 82%);
  }
  25% {
    -webkit-clip-path: circle(109px at 19% 113%);
            clip-path: circle(109px at 19% 113%);
  }
  50% {
    -webkit-clip-path: circle(49px at 108% -21%);
            clip-path: circle(49px at 108% -21%);
  }
  75% {
    -webkit-clip-path: circle(116px at 53% 18%);
            clip-path: circle(116px at 53% 18%);
  }
  100% {
    -webkit-clip-path: circle(113px at 42% -4%);
            clip-path: circle(113px at 42% -4%);
  }
}
#ui .text:nth-child(18) {
  color: #940d0d;
  -webkit-animation: clip17 11343ms ease-in-out infinite alternate;
          animation: clip17 11343ms ease-in-out infinite alternate;
  filter: blur(1px);
}
@-webkit-keyframes clip17 {
  0% {
    -webkit-clip-path: circle(103px at 119% 41%);
            clip-path: circle(103px at 119% 41%);
  }
  25% {
    -webkit-clip-path: circle(82px at 111% -1%);
            clip-path: circle(82px at 111% -1%);
  }
  50% {
    -webkit-clip-path: circle(156px at 23% 2%);
            clip-path: circle(156px at 23% 2%);
  }
  75% {
    -webkit-clip-path: circle(90px at 19% 48%);
            clip-path: circle(90px at 19% 48%);
  }
  100% {
    -webkit-clip-path: circle(45px at 57% -18%);
            clip-path: circle(45px at 57% -18%);
  }
}
@keyframes clip17 {
  0% {
    -webkit-clip-path: circle(103px at 119% 41%);
            clip-path: circle(103px at 119% 41%);
  }
  25% {
    -webkit-clip-path: circle(82px at 111% -1%);
            clip-path: circle(82px at 111% -1%);
  }
  50% {
    -webkit-clip-path: circle(156px at 23% 2%);
            clip-path: circle(156px at 23% 2%);
  }
  75% {
    -webkit-clip-path: circle(90px at 19% 48%);
            clip-path: circle(90px at 19% 48%);
  }
  100% {
    -webkit-clip-path: circle(45px at 57% -18%);
            clip-path: circle(45px at 57% -18%);
  }
}
#ui .text:nth-child(19) {
  color: #731b1b;
  -webkit-animation: clip18 18696ms ease-in-out infinite alternate;
          animation: clip18 18696ms ease-in-out infinite alternate;
  filter: blur(-6px);
}
@-webkit-keyframes clip18 {
  0% {
    -webkit-clip-path: circle(158px at 101% 120%);
            clip-path: circle(158px at 101% 120%);
  }
  25% {
    -webkit-clip-path: circle(42px at -15% 51%);
            clip-path: circle(42px at -15% 51%);
  }
  50% {
    -webkit-clip-path: circle(88px at 71% 82%);
            clip-path: circle(88px at 71% 82%);
  }
  75% {
    -webkit-clip-path: circle(175px at 60% 50%);
            clip-path: circle(175px at 60% 50%);
  }
  100% {
    -webkit-clip-path: circle(62px at 129% -13%);
            clip-path: circle(62px at 129% -13%);
  }
}
@keyframes clip18 {
  0% {
    -webkit-clip-path: circle(158px at 101% 120%);
            clip-path: circle(158px at 101% 120%);
  }
  25% {
    -webkit-clip-path: circle(42px at -15% 51%);
            clip-path: circle(42px at -15% 51%);
  }
  50% {
    -webkit-clip-path: circle(88px at 71% 82%);
            clip-path: circle(88px at 71% 82%);
  }
  75% {
    -webkit-clip-path: circle(175px at 60% 50%);
            clip-path: circle(175px at 60% 50%);
  }
  100% {
    -webkit-clip-path: circle(62px at 129% -13%);
            clip-path: circle(62px at 129% -13%);
  }
}
#ui .text:nth-child(20) {
  color: #ab0f0f;
  -webkit-animation: clip19 11611ms ease-in-out infinite alternate;
          animation: clip19 11611ms ease-in-out infinite alternate;
  filter: blur(15px);
}
@-webkit-keyframes clip19 {
  0% {
    -webkit-clip-path: circle(87px at 13% 67%);
            clip-path: circle(87px at 13% 67%);
  }
  25% {
    -webkit-clip-path: circle(174px at 53% 21%);
            clip-path: circle(174px at 53% 21%);
  }
  50% {
    -webkit-clip-path: circle(79px at 105% -3%);
            clip-path: circle(79px at 105% -3%);
  }
  75% {
    -webkit-clip-path: circle(81px at 10% -20%);
            clip-path: circle(81px at 10% -20%);
  }
  100% {
    -webkit-clip-path: circle(58px at 64% 91%);
            clip-path: circle(58px at 64% 91%);
  }
}
@keyframes clip19 {
  0% {
    -webkit-clip-path: circle(87px at 13% 67%);
            clip-path: circle(87px at 13% 67%);
  }
  25% {
    -webkit-clip-path: circle(174px at 53% 21%);
            clip-path: circle(174px at 53% 21%);
  }
  50% {
    -webkit-clip-path: circle(79px at 105% -3%);
            clip-path: circle(79px at 105% -3%);
  }
  75% {
    -webkit-clip-path: circle(81px at 10% -20%);
            clip-path: circle(81px at 10% -20%);
  }
  100% {
    -webkit-clip-path: circle(58px at 64% 91%);
            clip-path: circle(58px at 64% 91%);
  }
}
#ui .text:nth-child(21) {
  color: #9e0303;
  -webkit-animation: clip20 11693ms ease-in-out infinite alternate;
          animation: clip20 11693ms ease-in-out infinite alternate;
  filter: blur(-3px);
}
@-webkit-keyframes clip20 {
  0% {
    -webkit-clip-path: circle(82px at -10% 57%);
            clip-path: circle(82px at -10% 57%);
  }
  25% {
    -webkit-clip-path: circle(76px at 31% -9%);
            clip-path: circle(76px at 31% -9%);
  }
  50% {
    -webkit-clip-path: circle(133px at 104% 0%);
            clip-path: circle(133px at 104% 0%);
  }
  75% {
    -webkit-clip-path: circle(69px at 3% 122%);
            clip-path: circle(69px at 3% 122%);
  }
  100% {
    -webkit-clip-path: circle(37px at 64% 118%);
            clip-path: circle(37px at 64% 118%);
  }
}
@keyframes clip20 {
  0% {
    -webkit-clip-path: circle(82px at -10% 57%);
            clip-path: circle(82px at -10% 57%);
  }
  25% {
    -webkit-clip-path: circle(76px at 31% -9%);
            clip-path: circle(76px at 31% -9%);
  }
  50% {
    -webkit-clip-path: circle(133px at 104% 0%);
            clip-path: circle(133px at 104% 0%);
  }
  75% {
    -webkit-clip-path: circle(69px at 3% 122%);
            clip-path: circle(69px at 3% 122%);
  }
  100% {
    -webkit-clip-path: circle(37px at 64% 118%);
            clip-path: circle(37px at 64% 118%);
  }
}
#ui .text:nth-child(22) {
  color: #e30a0a;
  -webkit-animation: clip21 13031ms ease-in-out infinite alternate;
          animation: clip21 13031ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip21 {
  0% {
    -webkit-clip-path: circle(57px at 66% 79%);
            clip-path: circle(57px at 66% 79%);
  }
  25% {
    -webkit-clip-path: circle(42px at 88% 55%);
            clip-path: circle(42px at 88% 55%);
  }
  50% {
    -webkit-clip-path: circle(155px at 21% -29%);
            clip-path: circle(155px at 21% -29%);
  }
  75% {
    -webkit-clip-path: circle(114px at -20% -22%);
            clip-path: circle(114px at -20% -22%);
  }
  100% {
    -webkit-clip-path: circle(31px at -25% 23%);
            clip-path: circle(31px at -25% 23%);
  }
}
@keyframes clip21 {
  0% {
    -webkit-clip-path: circle(57px at 66% 79%);
            clip-path: circle(57px at 66% 79%);
  }
  25% {
    -webkit-clip-path: circle(42px at 88% 55%);
            clip-path: circle(42px at 88% 55%);
  }
  50% {
    -webkit-clip-path: circle(155px at 21% -29%);
            clip-path: circle(155px at 21% -29%);
  }
  75% {
    -webkit-clip-path: circle(114px at -20% -22%);
            clip-path: circle(114px at -20% -22%);
  }
  100% {
    -webkit-clip-path: circle(31px at -25% 23%);
            clip-path: circle(31px at -25% 23%);
  }
}
#ui .text:nth-child(23) {
  color: #a60b0b;
  -webkit-animation: clip22 13582ms ease-in-out infinite alternate;
          animation: clip22 13582ms ease-in-out infinite alternate;
  filter: blur(-6px);
}
@-webkit-keyframes clip22 {
  0% {
    -webkit-clip-path: circle(148px at 12% 122%);
            clip-path: circle(148px at 12% 122%);
  }
  25% {
    -webkit-clip-path: circle(48px at 54% 33%);
            clip-path: circle(48px at 54% 33%);
  }
  50% {
    -webkit-clip-path: circle(85px at 96% 103%);
            clip-path: circle(85px at 96% 103%);
  }
  75% {
    -webkit-clip-path: circle(101px at 69% 68%);
            clip-path: circle(101px at 69% 68%);
  }
  100% {
    -webkit-clip-path: circle(180px at 47% 31%);
            clip-path: circle(180px at 47% 31%);
  }
}
@keyframes clip22 {
  0% {
    -webkit-clip-path: circle(148px at 12% 122%);
            clip-path: circle(148px at 12% 122%);
  }
  25% {
    -webkit-clip-path: circle(48px at 54% 33%);
            clip-path: circle(48px at 54% 33%);
  }
  50% {
    -webkit-clip-path: circle(85px at 96% 103%);
            clip-path: circle(85px at 96% 103%);
  }
  75% {
    -webkit-clip-path: circle(101px at 69% 68%);
            clip-path: circle(101px at 69% 68%);
  }
  100% {
    -webkit-clip-path: circle(180px at 47% 31%);
            clip-path: circle(180px at 47% 31%);
  }
}
#ui .text:nth-child(24) {
  color: #670303;
  -webkit-animation: clip23 17406ms ease-in-out infinite alternate;
          animation: clip23 17406ms ease-in-out infinite alternate;
  filter: blur(12px);
}
@-webkit-keyframes clip23 {
  0% {
    -webkit-clip-path: circle(106px at 14% -25%);
            clip-path: circle(106px at 14% -25%);
  }
  25% {
    -webkit-clip-path: circle(105px at 14% -17%);
            clip-path: circle(105px at 14% -17%);
  }
  50% {
    -webkit-clip-path: circle(96px at 35% 5%);
            clip-path: circle(96px at 35% 5%);
  }
  75% {
    -webkit-clip-path: circle(118px at 98% 22%);
            clip-path: circle(118px at 98% 22%);
  }
  100% {
    -webkit-clip-path: circle(139px at -25% -17%);
            clip-path: circle(139px at -25% -17%);
  }
}
@keyframes clip23 {
  0% {
    -webkit-clip-path: circle(106px at 14% -25%);
            clip-path: circle(106px at 14% -25%);
  }
  25% {
    -webkit-clip-path: circle(105px at 14% -17%);
            clip-path: circle(105px at 14% -17%);
  }
  50% {
    -webkit-clip-path: circle(96px at 35% 5%);
            clip-path: circle(96px at 35% 5%);
  }
  75% {
    -webkit-clip-path: circle(118px at 98% 22%);
            clip-path: circle(118px at 98% 22%);
  }
  100% {
    -webkit-clip-path: circle(139px at -25% -17%);
            clip-path: circle(139px at -25% -17%);
  }
}
#ui .text:nth-child(25) {
  color: #a60303;
  -webkit-animation: clip24 17671ms ease-in-out infinite alternate;
          animation: clip24 17671ms ease-in-out infinite alternate;
  filter: blur(6px);
}
@-webkit-keyframes clip24 {
  0% {
    -webkit-clip-path: circle(76px at 48% 85%);
            clip-path: circle(76px at 48% 85%);
  }
  25% {
    -webkit-clip-path: circle(176px at -26% 90%);
            clip-path: circle(176px at -26% 90%);
  }
  50% {
    -webkit-clip-path: circle(116px at 9% -20%);
            clip-path: circle(116px at 9% -20%);
  }
  75% {
    -webkit-clip-path: circle(159px at 67% 89%);
            clip-path: circle(159px at 67% 89%);
  }
  100% {
    -webkit-clip-path: circle(98px at 70% 81%);
            clip-path: circle(98px at 70% 81%);
  }
}
@keyframes clip24 {
  0% {
    -webkit-clip-path: circle(76px at 48% 85%);
            clip-path: circle(76px at 48% 85%);
  }
  25% {
    -webkit-clip-path: circle(176px at -26% 90%);
            clip-path: circle(176px at -26% 90%);
  }
  50% {
    -webkit-clip-path: circle(116px at 9% -20%);
            clip-path: circle(116px at 9% -20%);
  }
  75% {
    -webkit-clip-path: circle(159px at 67% 89%);
            clip-path: circle(159px at 67% 89%);
  }
  100% {
    -webkit-clip-path: circle(98px at 70% 81%);
            clip-path: circle(98px at 70% 81%);
  }
}
#ui .text:nth-child(26) {
  color: #8a0909;
  -webkit-animation: clip25 15302ms ease-in-out infinite alternate;
          animation: clip25 15302ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip25 {
  0% {
    -webkit-clip-path: circle(179px at -26% 129%);
            clip-path: circle(179px at -26% 129%);
  }
  25% {
    -webkit-clip-path: circle(179px at 83% 56%);
            clip-path: circle(179px at 83% 56%);
  }
  50% {
    -webkit-clip-path: circle(91px at 95% 71%);
            clip-path: circle(91px at 95% 71%);
  }
  75% {
    -webkit-clip-path: circle(44px at 16% -5%);
            clip-path: circle(44px at 16% -5%);
  }
  100% {
    -webkit-clip-path: circle(89px at -24% -17%);
            clip-path: circle(89px at -24% -17%);
  }
}
@keyframes clip25 {
  0% {
    -webkit-clip-path: circle(179px at -26% 129%);
            clip-path: circle(179px at -26% 129%);
  }
  25% {
    -webkit-clip-path: circle(179px at 83% 56%);
            clip-path: circle(179px at 83% 56%);
  }
  50% {
    -webkit-clip-path: circle(91px at 95% 71%);
            clip-path: circle(91px at 95% 71%);
  }
  75% {
    -webkit-clip-path: circle(44px at 16% -5%);
            clip-path: circle(44px at 16% -5%);
  }
  100% {
    -webkit-clip-path: circle(89px at -24% -17%);
            clip-path: circle(89px at -24% -17%);
  }
}
#ui .text:nth-child(27) {
  color: #f50f0f;
  -webkit-animation: clip26 10094ms ease-in-out infinite alternate;
          animation: clip26 10094ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip26 {
  0% {
    -webkit-clip-path: circle(174px at 124% 80%);
            clip-path: circle(174px at 124% 80%);
  }
  25% {
    -webkit-clip-path: circle(80px at 80% 1%);
            clip-path: circle(80px at 80% 1%);
  }
  50% {
    -webkit-clip-path: circle(48px at 7% 90%);
            clip-path: circle(48px at 7% 90%);
  }
  75% {
    -webkit-clip-path: circle(106px at 85% 112%);
            clip-path: circle(106px at 85% 112%);
  }
  100% {
    -webkit-clip-path: circle(180px at 78% 49%);
            clip-path: circle(180px at 78% 49%);
  }
}
@keyframes clip26 {
  0% {
    -webkit-clip-path: circle(174px at 124% 80%);
            clip-path: circle(174px at 124% 80%);
  }
  25% {
    -webkit-clip-path: circle(80px at 80% 1%);
            clip-path: circle(80px at 80% 1%);
  }
  50% {
    -webkit-clip-path: circle(48px at 7% 90%);
            clip-path: circle(48px at 7% 90%);
  }
  75% {
    -webkit-clip-path: circle(106px at 85% 112%);
            clip-path: circle(106px at 85% 112%);
  }
  100% {
    -webkit-clip-path: circle(180px at 78% 49%);
            clip-path: circle(180px at 78% 49%);
  }
}
#ui .text:nth-child(28) {
  color: #7b1818;
  -webkit-animation: clip27 11515ms ease-in-out infinite alternate;
          animation: clip27 11515ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip27 {
  0% {
    -webkit-clip-path: circle(161px at 22% 120%);
            clip-path: circle(161px at 22% 120%);
  }
  25% {
    -webkit-clip-path: circle(176px at 22% 102%);
            clip-path: circle(176px at 22% 102%);
  }
  50% {
    -webkit-clip-path: circle(90px at 33% 47%);
            clip-path: circle(90px at 33% 47%);
  }
  75% {
    -webkit-clip-path: circle(82px at 101% 123%);
            clip-path: circle(82px at 101% 123%);
  }
  100% {
    -webkit-clip-path: circle(159px at 81% 103%);
            clip-path: circle(159px at 81% 103%);
  }
}
@keyframes clip27 {
  0% {
    -webkit-clip-path: circle(161px at 22% 120%);
            clip-path: circle(161px at 22% 120%);
  }
  25% {
    -webkit-clip-path: circle(176px at 22% 102%);
            clip-path: circle(176px at 22% 102%);
  }
  50% {
    -webkit-clip-path: circle(90px at 33% 47%);
            clip-path: circle(90px at 33% 47%);
  }
  75% {
    -webkit-clip-path: circle(82px at 101% 123%);
            clip-path: circle(82px at 101% 123%);
  }
  100% {
    -webkit-clip-path: circle(159px at 81% 103%);
            clip-path: circle(159px at 81% 103%);
  }
}
#ui .text:nth-child(29) {
  color: #790808;
  -webkit-animation: clip28 17602ms ease-in-out infinite alternate;
          animation: clip28 17602ms ease-in-out infinite alternate;
  filter: blur(3px);
}
@-webkit-keyframes clip28 {
  0% {
    -webkit-clip-path: circle(121px at 40% 19%);
            clip-path: circle(121px at 40% 19%);
  }
  25% {
    -webkit-clip-path: circle(72px at 109% 114%);
            clip-path: circle(72px at 109% 114%);
  }
  50% {
    -webkit-clip-path: circle(167px at -29% 130%);
            clip-path: circle(167px at -29% 130%);
  }
  75% {
    -webkit-clip-path: circle(163px at 106% 88%);
            clip-path: circle(163px at 106% 88%);
  }
  100% {
    -webkit-clip-path: circle(40px at 92% 92%);
            clip-path: circle(40px at 92% 92%);
  }
}
@keyframes clip28 {
  0% {
    -webkit-clip-path: circle(121px at 40% 19%);
            clip-path: circle(121px at 40% 19%);
  }
  25% {
    -webkit-clip-path: circle(72px at 109% 114%);
            clip-path: circle(72px at 109% 114%);
  }
  50% {
    -webkit-clip-path: circle(167px at -29% 130%);
            clip-path: circle(167px at -29% 130%);
  }
  75% {
    -webkit-clip-path: circle(163px at 106% 88%);
            clip-path: circle(163px at 106% 88%);
  }
  100% {
    -webkit-clip-path: circle(40px at 92% 92%);
            clip-path: circle(40px at 92% 92%);
  }
}
#ui .text:nth-child(30) {
  color: #691a1a;
  -webkit-animation: clip29 10387ms ease-in-out infinite alternate;
          animation: clip29 10387ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip29 {
  0% {
    -webkit-clip-path: circle(42px at 80% -3%);
            clip-path: circle(42px at 80% -3%);
  }
  25% {
    -webkit-clip-path: circle(92px at 24% 85%);
            clip-path: circle(92px at 24% 85%);
  }
  50% {
    -webkit-clip-path: circle(134px at 41% 36%);
            clip-path: circle(134px at 41% 36%);
  }
  75% {
    -webkit-clip-path: circle(73px at -20% 38%);
            clip-path: circle(73px at -20% 38%);
  }
  100% {
    -webkit-clip-path: circle(157px at -7% -5%);
            clip-path: circle(157px at -7% -5%);
  }
}
@keyframes clip29 {
  0% {
    -webkit-clip-path: circle(42px at 80% -3%);
            clip-path: circle(42px at 80% -3%);
  }
  25% {
    -webkit-clip-path: circle(92px at 24% 85%);
            clip-path: circle(92px at 24% 85%);
  }
  50% {
    -webkit-clip-path: circle(134px at 41% 36%);
            clip-path: circle(134px at 41% 36%);
  }
  75% {
    -webkit-clip-path: circle(73px at -20% 38%);
            clip-path: circle(73px at -20% 38%);
  }
  100% {
    -webkit-clip-path: circle(157px at -7% -5%);
            clip-path: circle(157px at -7% -5%);
  }
}
#ui .text:nth-child(31) {
  color: #7e0a0a;
  -webkit-animation: clip30 18788ms ease-in-out infinite alternate;
          animation: clip30 18788ms ease-in-out infinite alternate;
  filter: blur(-8px);
}
@-webkit-keyframes clip30 {
  0% {
    -webkit-clip-path: circle(44px at 58% 76%);
            clip-path: circle(44px at 58% 76%);
  }
  25% {
    -webkit-clip-path: circle(133px at 127% 62%);
            clip-path: circle(133px at 127% 62%);
  }
  50% {
    -webkit-clip-path: circle(134px at 62% 117%);
            clip-path: circle(134px at 62% 117%);
  }
  75% {
    -webkit-clip-path: circle(146px at 56% 126%);
            clip-path: circle(146px at 56% 126%);
  }
  100% {
    -webkit-clip-path: circle(69px at 46% 68%);
            clip-path: circle(69px at 46% 68%);
  }
}
@keyframes clip30 {
  0% {
    -webkit-clip-path: circle(44px at 58% 76%);
            clip-path: circle(44px at 58% 76%);
  }
  25% {
    -webkit-clip-path: circle(133px at 127% 62%);
            clip-path: circle(133px at 127% 62%);
  }
  50% {
    -webkit-clip-path: circle(134px at 62% 117%);
            clip-path: circle(134px at 62% 117%);
  }
  75% {
    -webkit-clip-path: circle(146px at 56% 126%);
            clip-path: circle(146px at 56% 126%);
  }
  100% {
    -webkit-clip-path: circle(69px at 46% 68%);
            clip-path: circle(69px at 46% 68%);
  }
}
#ui .text:nth-child(32) {
  color: #cc1010;
  -webkit-animation: clip31 15254ms ease-in-out infinite alternate;
          animation: clip31 15254ms ease-in-out infinite alternate;
  filter: blur(-9px);
}
@-webkit-keyframes clip31 {
  0% {
    -webkit-clip-path: circle(158px at 107% 30%);
            clip-path: circle(158px at 107% 30%);
  }
  25% {
    -webkit-clip-path: circle(123px at 44% 19%);
            clip-path: circle(123px at 44% 19%);
  }
  50% {
    -webkit-clip-path: circle(52px at 95% 125%);
            clip-path: circle(52px at 95% 125%);
  }
  75% {
    -webkit-clip-path: circle(110px at 92% -28%);
            clip-path: circle(110px at 92% -28%);
  }
  100% {
    -webkit-clip-path: circle(95px at -9% 29%);
            clip-path: circle(95px at -9% 29%);
  }
}
@keyframes clip31 {
  0% {
    -webkit-clip-path: circle(158px at 107% 30%);
            clip-path: circle(158px at 107% 30%);
  }
  25% {
    -webkit-clip-path: circle(123px at 44% 19%);
            clip-path: circle(123px at 44% 19%);
  }
  50% {
    -webkit-clip-path: circle(52px at 95% 125%);
            clip-path: circle(52px at 95% 125%);
  }
  75% {
    -webkit-clip-path: circle(110px at 92% -28%);
            clip-path: circle(110px at 92% -28%);
  }
  100% {
    -webkit-clip-path: circle(95px at -9% 29%);
            clip-path: circle(95px at -9% 29%);
  }
}
#ui .text:nth-child(33) {
  color: #e11212;
  -webkit-animation: clip32 11131ms ease-in-out infinite alternate;
          animation: clip32 11131ms ease-in-out infinite alternate;
  filter: blur(3px);
}
@-webkit-keyframes clip32 {
  0% {
    -webkit-clip-path: circle(47px at -23% 61%);
            clip-path: circle(47px at -23% 61%);
  }
  25% {
    -webkit-clip-path: circle(158px at 119% 94%);
            clip-path: circle(158px at 119% 94%);
  }
  50% {
    -webkit-clip-path: circle(97px at 23% 74%);
            clip-path: circle(97px at 23% 74%);
  }
  75% {
    -webkit-clip-path: circle(101px at 111% -18%);
            clip-path: circle(101px at 111% -18%);
  }
  100% {
    -webkit-clip-path: circle(133px at 110% -28%);
            clip-path: circle(133px at 110% -28%);
  }
}
@keyframes clip32 {
  0% {
    -webkit-clip-path: circle(47px at -23% 61%);
            clip-path: circle(47px at -23% 61%);
  }
  25% {
    -webkit-clip-path: circle(158px at 119% 94%);
            clip-path: circle(158px at 119% 94%);
  }
  50% {
    -webkit-clip-path: circle(97px at 23% 74%);
            clip-path: circle(97px at 23% 74%);
  }
  75% {
    -webkit-clip-path: circle(101px at 111% -18%);
            clip-path: circle(101px at 111% -18%);
  }
  100% {
    -webkit-clip-path: circle(133px at 110% -28%);
            clip-path: circle(133px at 110% -28%);
  }
}
#ui .text:nth-child(34) {
  color: #6e8c2c;
  -webkit-animation: clip33 12009ms ease-in-out infinite alternate;
          animation: clip33 12009ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip33 {
  0% {
    -webkit-clip-path: circle(176px at 29% 59%);
            clip-path: circle(176px at 29% 59%);
  }
  25% {
    -webkit-clip-path: circle(52px at 124% 0%);
            clip-path: circle(52px at 124% 0%);
  }
  50% {
    -webkit-clip-path: circle(70px at 42% 86%);
            clip-path: circle(70px at 42% 86%);
  }
  75% {
    -webkit-clip-path: circle(101px at -22% 112%);
            clip-path: circle(101px at -22% 112%);
  }
  100% {
    -webkit-clip-path: circle(66px at 5% 77%);
            clip-path: circle(66px at 5% 77%);
  }
}
@keyframes clip33 {
  0% {
    -webkit-clip-path: circle(176px at 29% 59%);
            clip-path: circle(176px at 29% 59%);
  }
  25% {
    -webkit-clip-path: circle(52px at 124% 0%);
            clip-path: circle(52px at 124% 0%);
  }
  50% {
    -webkit-clip-path: circle(70px at 42% 86%);
            clip-path: circle(70px at 42% 86%);
  }
  75% {
    -webkit-clip-path: circle(101px at -22% 112%);
            clip-path: circle(101px at -22% 112%);
  }
  100% {
    -webkit-clip-path: circle(66px at 5% 77%);
            clip-path: circle(66px at 5% 77%);
  }
}
#ui .text:nth-child(35) {
  color: #5a8514;
  -webkit-animation: clip34 14839ms ease-in-out infinite alternate;
          animation: clip34 14839ms ease-in-out infinite alternate;
  filter: blur(-1px);
}
@-webkit-keyframes clip34 {
  0% {
    -webkit-clip-path: circle(133px at 19% 24%);
            clip-path: circle(133px at 19% 24%);
  }
  25% {
    -webkit-clip-path: circle(174px at -28% 7%);
            clip-path: circle(174px at -28% 7%);
  }
  50% {
    -webkit-clip-path: circle(177px at 108% 114%);
            clip-path: circle(177px at 108% 114%);
  }
  75% {
    -webkit-clip-path: circle(71px at 29% 35%);
            clip-path: circle(71px at 29% 35%);
  }
  100% {
    -webkit-clip-path: circle(109px at 57% 86%);
            clip-path: circle(109px at 57% 86%);
  }
}
@keyframes clip34 {
  0% {
    -webkit-clip-path: circle(133px at 19% 24%);
            clip-path: circle(133px at 19% 24%);
  }
  25% {
    -webkit-clip-path: circle(174px at -28% 7%);
            clip-path: circle(174px at -28% 7%);
  }
  50% {
    -webkit-clip-path: circle(177px at 108% 114%);
            clip-path: circle(177px at 108% 114%);
  }
  75% {
    -webkit-clip-path: circle(71px at 29% 35%);
            clip-path: circle(71px at 29% 35%);
  }
  100% {
    -webkit-clip-path: circle(109px at 57% 86%);
            clip-path: circle(109px at 57% 86%);
  }
}
#ui .text:nth-child(36) {
  color: #113c9f;
  -webkit-animation: clip35 10274ms ease-in-out infinite alternate;
          animation: clip35 10274ms ease-in-out infinite alternate;
  filter: blur(-8px);
}
@-webkit-keyframes clip35 {
  0% {
    -webkit-clip-path: circle(54px at 105% 100%);
            clip-path: circle(54px at 105% 100%);
  }
  25% {
    -webkit-clip-path: circle(146px at 9% 104%);
            clip-path: circle(146px at 9% 104%);
  }
  50% {
    -webkit-clip-path: circle(89px at 4% 128%);
            clip-path: circle(89px at 4% 128%);
  }
  75% {
    -webkit-clip-path: circle(74px at 72% 105%);
            clip-path: circle(74px at 72% 105%);
  }
  100% {
    -webkit-clip-path: circle(155px at 30% 31%);
            clip-path: circle(155px at 30% 31%);
  }
}
@keyframes clip35 {
  0% {
    -webkit-clip-path: circle(54px at 105% 100%);
            clip-path: circle(54px at 105% 100%);
  }
  25% {
    -webkit-clip-path: circle(146px at 9% 104%);
            clip-path: circle(146px at 9% 104%);
  }
  50% {
    -webkit-clip-path: circle(89px at 4% 128%);
            clip-path: circle(89px at 4% 128%);
  }
  75% {
    -webkit-clip-path: circle(74px at 72% 105%);
            clip-path: circle(74px at 72% 105%);
  }
  100% {
    -webkit-clip-path: circle(155px at 30% 31%);
            clip-path: circle(155px at 30% 31%);
  }
}
#ui .text:nth-child(37) {
  color: #1705e8;
  -webkit-animation: clip36 15997ms ease-in-out infinite alternate;
          animation: clip36 15997ms ease-in-out infinite alternate;
  filter: blur(5px);
}
@-webkit-keyframes clip36 {
  0% {
    -webkit-clip-path: circle(146px at 29% 85%);
            clip-path: circle(146px at 29% 85%);
  }
  25% {
    -webkit-clip-path: circle(86px at 116% 31%);
            clip-path: circle(86px at 116% 31%);
  }
  50% {
    -webkit-clip-path: circle(146px at 22% 46%);
            clip-path: circle(146px at 22% 46%);
  }
  75% {
    -webkit-clip-path: circle(87px at -3% 120%);
            clip-path: circle(87px at -3% 120%);
  }
  100% {
    -webkit-clip-path: circle(162px at 44% 92%);
            clip-path: circle(162px at 44% 92%);
  }
}
@keyframes clip36 {
  0% {
    -webkit-clip-path: circle(146px at 29% 85%);
            clip-path: circle(146px at 29% 85%);
  }
  25% {
    -webkit-clip-path: circle(86px at 116% 31%);
            clip-path: circle(86px at 116% 31%);
  }
  50% {
    -webkit-clip-path: circle(146px at 22% 46%);
            clip-path: circle(146px at 22% 46%);
  }
  75% {
    -webkit-clip-path: circle(87px at -3% 120%);
            clip-path: circle(87px at -3% 120%);
  }
  100% {
    -webkit-clip-path: circle(162px at 44% 92%);
            clip-path: circle(162px at 44% 92%);
  }
}
#ui .text:nth-child(38) {
  color: #7f851b;
  -webkit-animation: clip37 15795ms ease-in-out infinite alternate;
          animation: clip37 15795ms ease-in-out infinite alternate;
  filter: blur(-8px);
}
@-webkit-keyframes clip37 {
  0% {
    -webkit-clip-path: circle(178px at 75% 17%);
            clip-path: circle(178px at 75% 17%);
  }
  25% {
    -webkit-clip-path: circle(106px at 104% -5%);
            clip-path: circle(106px at 104% -5%);
  }
  50% {
    -webkit-clip-path: circle(110px at 49% 47%);
            clip-path: circle(110px at 49% 47%);
  }
  75% {
    -webkit-clip-path: circle(108px at 120% -14%);
            clip-path: circle(108px at 120% -14%);
  }
  100% {
    -webkit-clip-path: circle(77px at 77% 117%);
            clip-path: circle(77px at 77% 117%);
  }
}
@keyframes clip37 {
  0% {
    -webkit-clip-path: circle(178px at 75% 17%);
            clip-path: circle(178px at 75% 17%);
  }
  25% {
    -webkit-clip-path: circle(106px at 104% -5%);
            clip-path: circle(106px at 104% -5%);
  }
  50% {
    -webkit-clip-path: circle(110px at 49% 47%);
            clip-path: circle(110px at 49% 47%);
  }
  75% {
    -webkit-clip-path: circle(108px at 120% -14%);
            clip-path: circle(108px at 120% -14%);
  }
  100% {
    -webkit-clip-path: circle(77px at 77% 117%);
            clip-path: circle(77px at 77% 117%);
  }
}
#ui .text:nth-child(39) {
  color: #6e8719;
  -webkit-animation: clip38 14627ms ease-in-out infinite alternate;
          animation: clip38 14627ms ease-in-out infinite alternate;
  filter: blur(-2px);
}
@-webkit-keyframes clip38 {
  0% {
    -webkit-clip-path: circle(137px at 119% 23%);
            clip-path: circle(137px at 119% 23%);
  }
  25% {
    -webkit-clip-path: circle(45px at 17% 110%);
            clip-path: circle(45px at 17% 110%);
  }
  50% {
    -webkit-clip-path: circle(59px at 121% 58%);
            clip-path: circle(59px at 121% 58%);
  }
  75% {
    -webkit-clip-path: circle(119px at 58% 107%);
            clip-path: circle(119px at 58% 107%);
  }
  100% {
    -webkit-clip-path: circle(76px at -29% 96%);
            clip-path: circle(76px at -29% 96%);
  }
}
@keyframes clip38 {
  0% {
    -webkit-clip-path: circle(137px at 119% 23%);
            clip-path: circle(137px at 119% 23%);
  }
  25% {
    -webkit-clip-path: circle(45px at 17% 110%);
            clip-path: circle(45px at 17% 110%);
  }
  50% {
    -webkit-clip-path: circle(59px at 121% 58%);
            clip-path: circle(59px at 121% 58%);
  }
  75% {
    -webkit-clip-path: circle(119px at 58% 107%);
            clip-path: circle(119px at 58% 107%);
  }
  100% {
    -webkit-clip-path: circle(76px at -29% 96%);
            clip-path: circle(76px at -29% 96%);
  }
}
#ui .text:nth-child(40) {
  color: #036c2d;
  -webkit-animation: clip39 18360ms ease-in-out infinite alternate;
          animation: clip39 18360ms ease-in-out infinite alternate;
  filter: blur(-5px);
}
@-webkit-keyframes clip39 {
  0% {
    -webkit-clip-path: circle(105px at 39% 115%);
            clip-path: circle(105px at 39% 115%);
  }
  25% {
    -webkit-clip-path: circle(174px at 113% 32%);
            clip-path: circle(174px at 113% 32%);
  }
  50% {
    -webkit-clip-path: circle(60px at -21% 93%);
            clip-path: circle(60px at -21% 93%);
  }
  75% {
    -webkit-clip-path: circle(123px at 16% 24%);
            clip-path: circle(123px at 16% 24%);
  }
  100% {
    -webkit-clip-path: circle(63px at 27% 30%);
            clip-path: circle(63px at 27% 30%);
  }
}
@keyframes clip39 {
  0% {
    -webkit-clip-path: circle(105px at 39% 115%);
            clip-path: circle(105px at 39% 115%);
  }
  25% {
    -webkit-clip-path: circle(174px at 113% 32%);
            clip-path: circle(174px at 113% 32%);
  }
  50% {
    -webkit-clip-path: circle(60px at -21% 93%);
            clip-path: circle(60px at -21% 93%);
  }
  75% {
    -webkit-clip-path: circle(123px at 16% 24%);
            clip-path: circle(123px at 16% 24%);
  }
  100% {
    -webkit-clip-path: circle(63px at 27% 30%);
            clip-path: circle(63px at 27% 30%);
  }
}
#ui .text:nth-child(41) {
  color: #5c761a;
  -webkit-animation: clip40 16802ms ease-in-out infinite alternate;
          animation: clip40 16802ms ease-in-out infinite alternate;
  filter: blur(13px);
}
@-webkit-keyframes clip40 {
  0% {
    -webkit-clip-path: circle(167px at -13% 62%);
            clip-path: circle(167px at -13% 62%);
  }
  25% {
    -webkit-clip-path: circle(77px at 115% 95%);
            clip-path: circle(77px at 115% 95%);
  }
  50% {
    -webkit-clip-path: circle(75px at -13% 46%);
            clip-path: circle(75px at -13% 46%);
  }
  75% {
    -webkit-clip-path: circle(154px at 15% 125%);
            clip-path: circle(154px at 15% 125%);
  }
  100% {
    -webkit-clip-path: circle(32px at -29% 17%);
            clip-path: circle(32px at -29% 17%);
  }
}
@keyframes clip40 {
  0% {
    -webkit-clip-path: circle(167px at -13% 62%);
            clip-path: circle(167px at -13% 62%);
  }
  25% {
    -webkit-clip-path: circle(77px at 115% 95%);
            clip-path: circle(77px at 115% 95%);
  }
  50% {
    -webkit-clip-path: circle(75px at -13% 46%);
            clip-path: circle(75px at -13% 46%);
  }
  75% {
    -webkit-clip-path: circle(154px at 15% 125%);
            clip-path: circle(154px at 15% 125%);
  }
  100% {
    -webkit-clip-path: circle(32px at -29% 17%);
            clip-path: circle(32px at -29% 17%);
  }
}
#ui .text:nth-child(42) {
  color: #1d43cb;
  -webkit-animation: clip41 11320ms ease-in-out infinite alternate;
          animation: clip41 11320ms ease-in-out infinite alternate;
  filter: blur(13px);
}
@-webkit-keyframes clip41 {
  0% {
    -webkit-clip-path: circle(168px at 19% 53%);
            clip-path: circle(168px at 19% 53%);
  }
  25% {
    -webkit-clip-path: circle(68px at 124% 8%);
            clip-path: circle(68px at 124% 8%);
  }
  50% {
    -webkit-clip-path: circle(104px at 16% 108%);
            clip-path: circle(104px at 16% 108%);
  }
  75% {
    -webkit-clip-path: circle(119px at 117% 42%);
            clip-path: circle(119px at 117% 42%);
  }
  100% {
    -webkit-clip-path: circle(162px at 3% -6%);
            clip-path: circle(162px at 3% -6%);
  }
}
@keyframes clip41 {
  0% {
    -webkit-clip-path: circle(168px at 19% 53%);
            clip-path: circle(168px at 19% 53%);
  }
  25% {
    -webkit-clip-path: circle(68px at 124% 8%);
            clip-path: circle(68px at 124% 8%);
  }
  50% {
    -webkit-clip-path: circle(104px at 16% 108%);
            clip-path: circle(104px at 16% 108%);
  }
  75% {
    -webkit-clip-path: circle(119px at 117% 42%);
            clip-path: circle(119px at 117% 42%);
  }
  100% {
    -webkit-clip-path: circle(162px at 3% -6%);
            clip-path: circle(162px at 3% -6%);
  }
}
#ui .text:nth-child(43) {
  color: #0142e7;
  -webkit-animation: clip42 16986ms ease-in-out infinite alternate;
          animation: clip42 16986ms ease-in-out infinite alternate;
  filter: blur(-3px);
}
@-webkit-keyframes clip42 {
  0% {
    -webkit-clip-path: circle(110px at 120% 120%);
            clip-path: circle(110px at 120% 120%);
  }
  25% {
    -webkit-clip-path: circle(167px at -14% -15%);
            clip-path: circle(167px at -14% -15%);
  }
  50% {
    -webkit-clip-path: circle(95px at -28% 78%);
            clip-path: circle(95px at -28% 78%);
  }
  75% {
    -webkit-clip-path: circle(135px at 75% 50%);
            clip-path: circle(135px at 75% 50%);
  }
  100% {
    -webkit-clip-path: circle(109px at -20% 126%);
            clip-path: circle(109px at -20% 126%);
  }
}
@keyframes clip42 {
  0% {
    -webkit-clip-path: circle(110px at 120% 120%);
            clip-path: circle(110px at 120% 120%);
  }
  25% {
    -webkit-clip-path: circle(167px at -14% -15%);
            clip-path: circle(167px at -14% -15%);
  }
  50% {
    -webkit-clip-path: circle(95px at -28% 78%);
            clip-path: circle(95px at -28% 78%);
  }
  75% {
    -webkit-clip-path: circle(135px at 75% 50%);
            clip-path: circle(135px at 75% 50%);
  }
  100% {
    -webkit-clip-path: circle(109px at -20% 126%);
            clip-path: circle(109px at -20% 126%);
  }
}
#ui .text:nth-child(44) {
  color: #19546f;
  -webkit-animation: clip43 10776ms ease-in-out infinite alternate;
          animation: clip43 10776ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip43 {
  0% {
    -webkit-clip-path: circle(99px at 115% 40%);
            clip-path: circle(99px at 115% 40%);
  }
  25% {
    -webkit-clip-path: circle(69px at 30% 48%);
            clip-path: circle(69px at 30% 48%);
  }
  50% {
    -webkit-clip-path: circle(100px at 28% 12%);
            clip-path: circle(100px at 28% 12%);
  }
  75% {
    -webkit-clip-path: circle(32px at 100% 114%);
            clip-path: circle(32px at 100% 114%);
  }
  100% {
    -webkit-clip-path: circle(132px at 49% 27%);
            clip-path: circle(132px at 49% 27%);
  }
}
@keyframes clip43 {
  0% {
    -webkit-clip-path: circle(99px at 115% 40%);
            clip-path: circle(99px at 115% 40%);
  }
  25% {
    -webkit-clip-path: circle(69px at 30% 48%);
            clip-path: circle(69px at 30% 48%);
  }
  50% {
    -webkit-clip-path: circle(100px at 28% 12%);
            clip-path: circle(100px at 28% 12%);
  }
  75% {
    -webkit-clip-path: circle(32px at 100% 114%);
            clip-path: circle(32px at 100% 114%);
  }
  100% {
    -webkit-clip-path: circle(132px at 49% 27%);
            clip-path: circle(132px at 49% 27%);
  }
}
#ui .text:nth-child(45) {
  color: #174167;
  -webkit-animation: clip44 11506ms ease-in-out infinite alternate;
          animation: clip44 11506ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip44 {
  0% {
    -webkit-clip-path: circle(82px at 75% -17%);
            clip-path: circle(82px at 75% -17%);
  }
  25% {
    -webkit-clip-path: circle(131px at 67% 81%);
            clip-path: circle(131px at 67% 81%);
  }
  50% {
    -webkit-clip-path: circle(95px at 21% -8%);
            clip-path: circle(95px at 21% -8%);
  }
  75% {
    -webkit-clip-path: circle(174px at 10% 105%);
            clip-path: circle(174px at 10% 105%);
  }
  100% {
    -webkit-clip-path: circle(110px at 65% -18%);
            clip-path: circle(110px at 65% -18%);
  }
}
@keyframes clip44 {
  0% {
    -webkit-clip-path: circle(82px at 75% -17%);
            clip-path: circle(82px at 75% -17%);
  }
  25% {
    -webkit-clip-path: circle(131px at 67% 81%);
            clip-path: circle(131px at 67% 81%);
  }
  50% {
    -webkit-clip-path: circle(95px at 21% -8%);
            clip-path: circle(95px at 21% -8%);
  }
  75% {
    -webkit-clip-path: circle(174px at 10% 105%);
            clip-path: circle(174px at 10% 105%);
  }
  100% {
    -webkit-clip-path: circle(110px at 65% -18%);
            clip-path: circle(110px at 65% -18%);
  }
}
#ui .text:nth-child(46) {
  color: #0222c0;
  -webkit-animation: clip45 10875ms ease-in-out infinite alternate;
          animation: clip45 10875ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip45 {
  0% {
    -webkit-clip-path: circle(32px at 62% 129%);
            clip-path: circle(32px at 62% 129%);
  }
  25% {
    -webkit-clip-path: circle(144px at 105% 119%);
            clip-path: circle(144px at 105% 119%);
  }
  50% {
    -webkit-clip-path: circle(86px at -25% 44%);
            clip-path: circle(86px at -25% 44%);
  }
  75% {
    -webkit-clip-path: circle(47px at 83% 91%);
            clip-path: circle(47px at 83% 91%);
  }
  100% {
    -webkit-clip-path: circle(102px at 93% -16%);
            clip-path: circle(102px at 93% -16%);
  }
}
@keyframes clip45 {
  0% {
    -webkit-clip-path: circle(32px at 62% 129%);
            clip-path: circle(32px at 62% 129%);
  }
  25% {
    -webkit-clip-path: circle(144px at 105% 119%);
            clip-path: circle(144px at 105% 119%);
  }
  50% {
    -webkit-clip-path: circle(86px at -25% 44%);
            clip-path: circle(86px at -25% 44%);
  }
  75% {
    -webkit-clip-path: circle(47px at 83% 91%);
            clip-path: circle(47px at 83% 91%);
  }
  100% {
    -webkit-clip-path: circle(102px at 93% -16%);
            clip-path: circle(102px at 93% -16%);
  }
}
#ui .text:nth-child(47) {
  color: #082294;
  -webkit-animation: clip46 12268ms ease-in-out infinite alternate;
          animation: clip46 12268ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip46 {
  0% {
    -webkit-clip-path: circle(124px at -5% 8%);
            clip-path: circle(124px at -5% 8%);
  }
  25% {
    -webkit-clip-path: circle(73px at -24% 63%);
            clip-path: circle(73px at -24% 63%);
  }
  50% {
    -webkit-clip-path: circle(125px at 113% 32%);
            clip-path: circle(125px at 113% 32%);
  }
  75% {
    -webkit-clip-path: circle(109px at 54% 123%);
            clip-path: circle(109px at 54% 123%);
  }
  100% {
    -webkit-clip-path: circle(134px at 26% 55%);
            clip-path: circle(134px at 26% 55%);
  }
}
@keyframes clip46 {
  0% {
    -webkit-clip-path: circle(124px at -5% 8%);
            clip-path: circle(124px at -5% 8%);
  }
  25% {
    -webkit-clip-path: circle(73px at -24% 63%);
            clip-path: circle(73px at -24% 63%);
  }
  50% {
    -webkit-clip-path: circle(125px at 113% 32%);
            clip-path: circle(125px at 113% 32%);
  }
  75% {
    -webkit-clip-path: circle(109px at 54% 123%);
            clip-path: circle(109px at 54% 123%);
  }
  100% {
    -webkit-clip-path: circle(134px at 26% 55%);
            clip-path: circle(134px at 26% 55%);
  }
}
#ui .text:nth-child(48) {
  color: #0115a8;
  -webkit-animation: clip47 12548ms ease-in-out infinite alternate;
          animation: clip47 12548ms ease-in-out infinite alternate;
  filter: blur(10px);
}
@-webkit-keyframes clip47 {
  0% {
    -webkit-clip-path: circle(139px at 79% 96%);
            clip-path: circle(139px at 79% 96%);
  }
  25% {
    -webkit-clip-path: circle(168px at 53% 69%);
            clip-path: circle(168px at 53% 69%);
  }
  50% {
    -webkit-clip-path: circle(105px at 35% -14%);
            clip-path: circle(105px at 35% -14%);
  }
  75% {
    -webkit-clip-path: circle(127px at 85% 44%);
            clip-path: circle(127px at 85% 44%);
  }
  100% {
    -webkit-clip-path: circle(68px at 30% 28%);
            clip-path: circle(68px at 30% 28%);
  }
}
@keyframes clip47 {
  0% {
    -webkit-clip-path: circle(139px at 79% 96%);
            clip-path: circle(139px at 79% 96%);
  }
  25% {
    -webkit-clip-path: circle(168px at 53% 69%);
            clip-path: circle(168px at 53% 69%);
  }
  50% {
    -webkit-clip-path: circle(105px at 35% -14%);
            clip-path: circle(105px at 35% -14%);
  }
  75% {
    -webkit-clip-path: circle(127px at 85% 44%);
            clip-path: circle(127px at 85% 44%);
  }
  100% {
    -webkit-clip-path: circle(68px at 30% 28%);
            clip-path: circle(68px at 30% 28%);
  }
}
#ui .text:nth-child(49) {
  color: #12417d;
  -webkit-animation: clip48 10514ms ease-in-out infinite alternate;
          animation: clip48 10514ms ease-in-out infinite alternate;
  filter: blur(13px);
}
@-webkit-keyframes clip48 {
  0% {
    -webkit-clip-path: circle(48px at 95% 13%);
            clip-path: circle(48px at 95% 13%);
  }
  25% {
    -webkit-clip-path: circle(178px at 29% 58%);
            clip-path: circle(178px at 29% 58%);
  }
  50% {
    -webkit-clip-path: circle(155px at -23% 126%);
            clip-path: circle(155px at -23% 126%);
  }
  75% {
    -webkit-clip-path: circle(148px at 69% 37%);
            clip-path: circle(148px at 69% 37%);
  }
  100% {
    -webkit-clip-path: circle(121px at -29% 22%);
            clip-path: circle(121px at -29% 22%);
  }
}
@keyframes clip48 {
  0% {
    -webkit-clip-path: circle(48px at 95% 13%);
            clip-path: circle(48px at 95% 13%);
  }
  25% {
    -webkit-clip-path: circle(178px at 29% 58%);
            clip-path: circle(178px at 29% 58%);
  }
  50% {
    -webkit-clip-path: circle(155px at -23% 126%);
            clip-path: circle(155px at -23% 126%);
  }
  75% {
    -webkit-clip-path: circle(148px at 69% 37%);
            clip-path: circle(148px at 69% 37%);
  }
  100% {
    -webkit-clip-path: circle(121px at -29% 22%);
            clip-path: circle(121px at -29% 22%);
  }
}
#ui .text:nth-child(50) {
  color: #0141d1;
  -webkit-animation: clip49 19748ms ease-in-out infinite alternate;
          animation: clip49 19748ms ease-in-out infinite alternate;
  filter: blur(11px);
}
@-webkit-keyframes clip49 {
  0% {
    -webkit-clip-path: circle(82px at -24% 53%);
            clip-path: circle(82px at -24% 53%);
  }
  25% {
    -webkit-clip-path: circle(40px at 90% -19%);
            clip-path: circle(40px at 90% -19%);
  }
  50% {
    -webkit-clip-path: circle(173px at 30% 118%);
            clip-path: circle(173px at 30% 118%);
  }
  75% {
    -webkit-clip-path: circle(175px at 20% 89%);
            clip-path: circle(175px at 20% 89%);
  }
  100% {
    -webkit-clip-path: circle(112px at 40% 23%);
            clip-path: circle(112px at 40% 23%);
  }
}
@keyframes clip49 {
  0% {
    -webkit-clip-path: circle(82px at -24% 53%);
            clip-path: circle(82px at -24% 53%);
  }
  25% {
    -webkit-clip-path: circle(40px at 90% -19%);
            clip-path: circle(40px at 90% -19%);
  }
  50% {
    -webkit-clip-path: circle(173px at 30% 118%);
            clip-path: circle(173px at 30% 118%);
  }
  75% {
    -webkit-clip-path: circle(175px at 20% 89%);
            clip-path: circle(175px at 20% 89%);
  }
  100% {
    -webkit-clip-path: circle(112px at 40% 23%);
            clip-path: circle(112px at 40% 23%);
  }
}
#ui .text:nth-child(51) {
  color: #19516b;
  -webkit-animation: clip50 17290ms ease-in-out infinite alternate;
          animation: clip50 17290ms ease-in-out infinite alternate;
  filter: blur(-6px);
}
@-webkit-keyframes clip50 {
  0% {
    -webkit-clip-path: circle(72px at -9% -10%);
            clip-path: circle(72px at -9% -10%);
  }
  25% {
    -webkit-clip-path: circle(152px at 114% 94%);
            clip-path: circle(152px at 114% 94%);
  }
  50% {
    -webkit-clip-path: circle(164px at 110% 45%);
            clip-path: circle(164px at 110% 45%);
  }
  75% {
    -webkit-clip-path: circle(111px at -26% -13%);
            clip-path: circle(111px at -26% -13%);
  }
  100% {
    -webkit-clip-path: circle(168px at 22% 29%);
            clip-path: circle(168px at 22% 29%);
  }
}
@keyframes clip50 {
  0% {
    -webkit-clip-path: circle(72px at -9% -10%);
            clip-path: circle(72px at -9% -10%);
  }
  25% {
    -webkit-clip-path: circle(152px at 114% 94%);
            clip-path: circle(152px at 114% 94%);
  }
  50% {
    -webkit-clip-path: circle(164px at 110% 45%);
            clip-path: circle(164px at 110% 45%);
  }
  75% {
    -webkit-clip-path: circle(111px at -26% -13%);
            clip-path: circle(111px at -26% -13%);
  }
  100% {
    -webkit-clip-path: circle(168px at 22% 29%);
            clip-path: circle(168px at 22% 29%);
  }
}
#ui .text:nth-child(52) {
  color: #0636d0;
  -webkit-animation: clip51 12280ms ease-in-out infinite alternate;
          animation: clip51 12280ms ease-in-out infinite alternate;
  filter: blur(11px);
}
@-webkit-keyframes clip51 {
  0% {
    -webkit-clip-path: circle(55px at -6% -6%);
            clip-path: circle(55px at -6% -6%);
  }
  25% {
    -webkit-clip-path: circle(67px at 31% 127%);
            clip-path: circle(67px at 31% 127%);
  }
  50% {
    -webkit-clip-path: circle(122px at 51% 48%);
            clip-path: circle(122px at 51% 48%);
  }
  75% {
    -webkit-clip-path: circle(174px at 59% 42%);
            clip-path: circle(174px at 59% 42%);
  }
  100% {
    -webkit-clip-path: circle(172px at 58% -21%);
            clip-path: circle(172px at 58% -21%);
  }
}
@keyframes clip51 {
  0% {
    -webkit-clip-path: circle(55px at -6% -6%);
            clip-path: circle(55px at -6% -6%);
  }
  25% {
    -webkit-clip-path: circle(67px at 31% 127%);
            clip-path: circle(67px at 31% 127%);
  }
  50% {
    -webkit-clip-path: circle(122px at 51% 48%);
            clip-path: circle(122px at 51% 48%);
  }
  75% {
    -webkit-clip-path: circle(174px at 59% 42%);
            clip-path: circle(174px at 59% 42%);
  }
  100% {
    -webkit-clip-path: circle(172px at 58% -21%);
            clip-path: circle(172px at 58% -21%);
  }
}
#ui .text:nth-child(53) {
  color: #0d4d92;
  -webkit-animation: clip52 11550ms ease-in-out infinite alternate;
          animation: clip52 11550ms ease-in-out infinite alternate;
  filter: blur(7px);
}
@-webkit-keyframes clip52 {
  0% {
    -webkit-clip-path: circle(152px at 104% 42%);
            clip-path: circle(152px at 104% 42%);
  }
  25% {
    -webkit-clip-path: circle(162px at 97% 34%);
            clip-path: circle(162px at 97% 34%);
  }
  50% {
    -webkit-clip-path: circle(31px at 108% -23%);
            clip-path: circle(31px at 108% -23%);
  }
  75% {
    -webkit-clip-path: circle(146px at 93% 42%);
            clip-path: circle(146px at 93% 42%);
  }
  100% {
    -webkit-clip-path: circle(178px at 0% 25%);
            clip-path: circle(178px at 0% 25%);
  }
}
@keyframes clip52 {
  0% {
    -webkit-clip-path: circle(152px at 104% 42%);
            clip-path: circle(152px at 104% 42%);
  }
  25% {
    -webkit-clip-path: circle(162px at 97% 34%);
            clip-path: circle(162px at 97% 34%);
  }
  50% {
    -webkit-clip-path: circle(31px at 108% -23%);
            clip-path: circle(31px at 108% -23%);
  }
  75% {
    -webkit-clip-path: circle(146px at 93% 42%);
            clip-path: circle(146px at 93% 42%);
  }
  100% {
    -webkit-clip-path: circle(178px at 0% 25%);
            clip-path: circle(178px at 0% 25%);
  }
}
#ui .text:nth-child(54) {
  color: #012efb;
  -webkit-animation: clip53 13113ms ease-in-out infinite alternate;
          animation: clip53 13113ms ease-in-out infinite alternate;
  filter: blur(13px);
}
@-webkit-keyframes clip53 {
  0% {
    -webkit-clip-path: circle(164px at -16% 44%);
            clip-path: circle(164px at -16% 44%);
  }
  25% {
    -webkit-clip-path: circle(167px at 100% -18%);
            clip-path: circle(167px at 100% -18%);
  }
  50% {
    -webkit-clip-path: circle(47px at 85% 73%);
            clip-path: circle(47px at 85% 73%);
  }
  75% {
    -webkit-clip-path: circle(98px at 72% 22%);
            clip-path: circle(98px at 72% 22%);
  }
  100% {
    -webkit-clip-path: circle(166px at -6% 122%);
            clip-path: circle(166px at -6% 122%);
  }
}
@keyframes clip53 {
  0% {
    -webkit-clip-path: circle(164px at -16% 44%);
            clip-path: circle(164px at -16% 44%);
  }
  25% {
    -webkit-clip-path: circle(167px at 100% -18%);
            clip-path: circle(167px at 100% -18%);
  }
  50% {
    -webkit-clip-path: circle(47px at 85% 73%);
            clip-path: circle(47px at 85% 73%);
  }
  75% {
    -webkit-clip-path: circle(98px at 72% 22%);
            clip-path: circle(98px at 72% 22%);
  }
  100% {
    -webkit-clip-path: circle(166px at -6% 122%);
            clip-path: circle(166px at -6% 122%);
  }
}
#ui .text:nth-child(55) {
  color: #0737b6;
  -webkit-animation: clip54 10272ms ease-in-out infinite alternate;
          animation: clip54 10272ms ease-in-out infinite alternate;
  filter: blur(1px);
}
@-webkit-keyframes clip54 {
  0% {
    -webkit-clip-path: circle(121px at 110% 114%);
            clip-path: circle(121px at 110% 114%);
  }
  25% {
    -webkit-clip-path: circle(170px at 0% 22%);
            clip-path: circle(170px at 0% 22%);
  }
  50% {
    -webkit-clip-path: circle(58px at 48% 102%);
            clip-path: circle(58px at 48% 102%);
  }
  75% {
    -webkit-clip-path: circle(67px at 37% 17%);
            clip-path: circle(67px at 37% 17%);
  }
  100% {
    -webkit-clip-path: circle(76px at 4% -5%);
            clip-path: circle(76px at 4% -5%);
  }
}
@keyframes clip54 {
  0% {
    -webkit-clip-path: circle(121px at 110% 114%);
            clip-path: circle(121px at 110% 114%);
  }
  25% {
    -webkit-clip-path: circle(170px at 0% 22%);
            clip-path: circle(170px at 0% 22%);
  }
  50% {
    -webkit-clip-path: circle(58px at 48% 102%);
            clip-path: circle(58px at 48% 102%);
  }
  75% {
    -webkit-clip-path: circle(67px at 37% 17%);
            clip-path: circle(67px at 37% 17%);
  }
  100% {
    -webkit-clip-path: circle(76px at 4% -5%);
            clip-path: circle(76px at 4% -5%);
  }
}
#ui .text:nth-child(56) {
  color: #1b28b4;
  -webkit-animation: clip55 18076ms ease-in-out infinite alternate;
          animation: clip55 18076ms ease-in-out infinite alternate;
  filter: blur(3px);
}
@-webkit-keyframes clip55 {
  0% {
    -webkit-clip-path: circle(45px at -12% 113%);
            clip-path: circle(45px at -12% 113%);
  }
  25% {
    -webkit-clip-path: circle(136px at -8% -21%);
            clip-path: circle(136px at -8% -21%);
  }
  50% {
    -webkit-clip-path: circle(175px at 10% 102%);
            clip-path: circle(175px at 10% 102%);
  }
  75% {
    -webkit-clip-path: circle(94px at 91% -29%);
            clip-path: circle(94px at 91% -29%);
  }
  100% {
    -webkit-clip-path: circle(125px at 41% 26%);
            clip-path: circle(125px at 41% 26%);
  }
}
@keyframes clip55 {
  0% {
    -webkit-clip-path: circle(45px at -12% 113%);
            clip-path: circle(45px at -12% 113%);
  }
  25% {
    -webkit-clip-path: circle(136px at -8% -21%);
            clip-path: circle(136px at -8% -21%);
  }
  50% {
    -webkit-clip-path: circle(175px at 10% 102%);
            clip-path: circle(175px at 10% 102%);
  }
  75% {
    -webkit-clip-path: circle(94px at 91% -29%);
            clip-path: circle(94px at 91% -29%);
  }
  100% {
    -webkit-clip-path: circle(125px at 41% 26%);
            clip-path: circle(125px at 41% 26%);
  }
}
#ui .text:nth-child(57) {
  color: #1142fa;
  -webkit-animation: clip56 15359ms ease-in-out infinite alternate;
          animation: clip56 15359ms ease-in-out infinite alternate;
  filter: blur(7px);
}
@-webkit-keyframes clip56 {
  0% {
    -webkit-clip-path: circle(57px at -8% 28%);
            clip-path: circle(57px at -8% 28%);
  }
  25% {
    -webkit-clip-path: circle(179px at 118% 0%);
            clip-path: circle(179px at 118% 0%);
  }
  50% {
    -webkit-clip-path: circle(109px at -20% 18%);
            clip-path: circle(109px at -20% 18%);
  }
  75% {
    -webkit-clip-path: circle(84px at -4% -28%);
            clip-path: circle(84px at -4% -28%);
  }
  100% {
    -webkit-clip-path: circle(42px at 62% -17%);
            clip-path: circle(42px at 62% -17%);
  }
}
@keyframes clip56 {
  0% {
    -webkit-clip-path: circle(57px at -8% 28%);
            clip-path: circle(57px at -8% 28%);
  }
  25% {
    -webkit-clip-path: circle(179px at 118% 0%);
            clip-path: circle(179px at 118% 0%);
  }
  50% {
    -webkit-clip-path: circle(109px at -20% 18%);
            clip-path: circle(109px at -20% 18%);
  }
  75% {
    -webkit-clip-path: circle(84px at -4% -28%);
            clip-path: circle(84px at -4% -28%);
  }
  100% {
    -webkit-clip-path: circle(42px at 62% -17%);
            clip-path: circle(42px at 62% -17%);
  }
}
#ui .text:nth-child(58) {
  color: #180e9f;
  -webkit-animation: clip57 14368ms ease-in-out infinite alternate;
          animation: clip57 14368ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip57 {
  0% {
    -webkit-clip-path: circle(168px at 92% -3%);
            clip-path: circle(168px at 92% -3%);
  }
  25% {
    -webkit-clip-path: circle(80px at 96% 125%);
            clip-path: circle(80px at 96% 125%);
  }
  50% {
    -webkit-clip-path: circle(82px at 78% 90%);
            clip-path: circle(82px at 78% 90%);
  }
  75% {
    -webkit-clip-path: circle(101px at 79% 67%);
            clip-path: circle(101px at 79% 67%);
  }
  100% {
    -webkit-clip-path: circle(40px at 109% 37%);
            clip-path: circle(40px at 109% 37%);
  }
}
@keyframes clip57 {
  0% {
    -webkit-clip-path: circle(168px at 92% -3%);
            clip-path: circle(168px at 92% -3%);
  }
  25% {
    -webkit-clip-path: circle(80px at 96% 125%);
            clip-path: circle(80px at 96% 125%);
  }
  50% {
    -webkit-clip-path: circle(82px at 78% 90%);
            clip-path: circle(82px at 78% 90%);
  }
  75% {
    -webkit-clip-path: circle(101px at 79% 67%);
            clip-path: circle(101px at 79% 67%);
  }
  100% {
    -webkit-clip-path: circle(40px at 109% 37%);
            clip-path: circle(40px at 109% 37%);
  }
}
#ui .text:nth-child(59) {
  color: #1940c7;
  -webkit-animation: clip58 18735ms ease-in-out infinite alternate;
          animation: clip58 18735ms ease-in-out infinite alternate;
  filter: blur(13px);
}
@-webkit-keyframes clip58 {
  0% {
    -webkit-clip-path: circle(163px at 41% -25%);
            clip-path: circle(163px at 41% -25%);
  }
  25% {
    -webkit-clip-path: circle(51px at 130% 57%);
            clip-path: circle(51px at 130% 57%);
  }
  50% {
    -webkit-clip-path: circle(180px at 67% -23%);
            clip-path: circle(180px at 67% -23%);
  }
  75% {
    -webkit-clip-path: circle(170px at 26% -18%);
            clip-path: circle(170px at 26% -18%);
  }
  100% {
    -webkit-clip-path: circle(160px at 29% 6%);
            clip-path: circle(160px at 29% 6%);
  }
}
@keyframes clip58 {
  0% {
    -webkit-clip-path: circle(163px at 41% -25%);
            clip-path: circle(163px at 41% -25%);
  }
  25% {
    -webkit-clip-path: circle(51px at 130% 57%);
            clip-path: circle(51px at 130% 57%);
  }
  50% {
    -webkit-clip-path: circle(180px at 67% -23%);
            clip-path: circle(180px at 67% -23%);
  }
  75% {
    -webkit-clip-path: circle(170px at 26% -18%);
            clip-path: circle(170px at 26% -18%);
  }
  100% {
    -webkit-clip-path: circle(160px at 29% 6%);
            clip-path: circle(160px at 29% 6%);
  }
}
#ui .text:nth-child(60) {
  color: #1247d6;
  -webkit-animation: clip59 19100ms ease-in-out infinite alternate;
          animation: clip59 19100ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip59 {
  0% {
    -webkit-clip-path: circle(47px at 78% 126%);
            clip-path: circle(47px at 78% 126%);
  }
  25% {
    -webkit-clip-path: circle(120px at 8% 0%);
            clip-path: circle(120px at 8% 0%);
  }
  50% {
    -webkit-clip-path: circle(88px at 8% 11%);
            clip-path: circle(88px at 8% 11%);
  }
  75% {
    -webkit-clip-path: circle(118px at 120% 23%);
            clip-path: circle(118px at 120% 23%);
  }
  100% {
    -webkit-clip-path: circle(152px at 87% -24%);
            clip-path: circle(152px at 87% -24%);
  }
}
@keyframes clip59 {
  0% {
    -webkit-clip-path: circle(47px at 78% 126%);
            clip-path: circle(47px at 78% 126%);
  }
  25% {
    -webkit-clip-path: circle(120px at 8% 0%);
            clip-path: circle(120px at 8% 0%);
  }
  50% {
    -webkit-clip-path: circle(88px at 8% 11%);
            clip-path: circle(88px at 8% 11%);
  }
  75% {
    -webkit-clip-path: circle(118px at 120% 23%);
            clip-path: circle(118px at 120% 23%);
  }
  100% {
    -webkit-clip-path: circle(152px at 87% -24%);
            clip-path: circle(152px at 87% -24%);
  }
}
#ui .text:nth-child(61) {
  color: #125ca7;
  -webkit-animation: clip60 14487ms ease-in-out infinite alternate;
          animation: clip60 14487ms ease-in-out infinite alternate;
  filter: blur(9px);
}
@-webkit-keyframes clip60 {
  0% {
    -webkit-clip-path: circle(180px at -21% 68%);
            clip-path: circle(180px at -21% 68%);
  }
  25% {
    -webkit-clip-path: circle(177px at 47% 44%);
            clip-path: circle(177px at 47% 44%);
  }
  50% {
    -webkit-clip-path: circle(34px at 63% -11%);
            clip-path: circle(34px at 63% -11%);
  }
  75% {
    -webkit-clip-path: circle(94px at 120% 50%);
            clip-path: circle(94px at 120% 50%);
  }
  100% {
    -webkit-clip-path: circle(170px at 60% 122%);
            clip-path: circle(170px at 60% 122%);
  }
}
@keyframes clip60 {
  0% {
    -webkit-clip-path: circle(180px at -21% 68%);
            clip-path: circle(180px at -21% 68%);
  }
  25% {
    -webkit-clip-path: circle(177px at 47% 44%);
            clip-path: circle(177px at 47% 44%);
  }
  50% {
    -webkit-clip-path: circle(34px at 63% -11%);
            clip-path: circle(34px at 63% -11%);
  }
  75% {
    -webkit-clip-path: circle(94px at 120% 50%);
            clip-path: circle(94px at 120% 50%);
  }
  100% {
    -webkit-clip-path: circle(170px at 60% 122%);
            clip-path: circle(170px at 60% 122%);
  }
}
#ui .text:nth-child(62) {
  color: #1c07fb;
  -webkit-animation: clip61 13299ms ease-in-out infinite alternate;
          animation: clip61 13299ms ease-in-out infinite alternate;
  filter: blur(0px);
}
@-webkit-keyframes clip61 {
  0% {
    -webkit-clip-path: circle(83px at 11% 120%);
            clip-path: circle(83px at 11% 120%);
  }
  25% {
    -webkit-clip-path: circle(125px at 69% 11%);
            clip-path: circle(125px at 69% 11%);
  }
  50% {
    -webkit-clip-path: circle(134px at 125% 109%);
            clip-path: circle(134px at 125% 109%);
  }
  75% {
    -webkit-clip-path: circle(62px at -14% -19%);
            clip-path: circle(62px at -14% -19%);
  }
  100% {
    -webkit-clip-path: circle(176px at 104% -17%);
            clip-path: circle(176px at 104% -17%);
  }
}
@keyframes clip61 {
  0% {
    -webkit-clip-path: circle(83px at 11% 120%);
            clip-path: circle(83px at 11% 120%);
  }
  25% {
    -webkit-clip-path: circle(125px at 69% 11%);
            clip-path: circle(125px at 69% 11%);
  }
  50% {
    -webkit-clip-path: circle(134px at 125% 109%);
            clip-path: circle(134px at 125% 109%);
  }
  75% {
    -webkit-clip-path: circle(62px at -14% -19%);
            clip-path: circle(62px at -14% -19%);
  }
  100% {
    -webkit-clip-path: circle(176px at 104% -17%);
            clip-path: circle(176px at 104% -17%);
  }
}
#ui .text:nth-child(63) {
  color: #055df2;
  -webkit-animation: clip62 19530ms ease-in-out infinite alternate;
          animation: clip62 19530ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip62 {
  0% {
    -webkit-clip-path: circle(147px at 24% -13%);
            clip-path: circle(147px at 24% -13%);
  }
  25% {
    -webkit-clip-path: circle(137px at 69% 32%);
            clip-path: circle(137px at 69% 32%);
  }
  50% {
    -webkit-clip-path: circle(108px at -4% -6%);
            clip-path: circle(108px at -4% -6%);
  }
  75% {
    -webkit-clip-path: circle(155px at -2% 8%);
            clip-path: circle(155px at -2% 8%);
  }
  100% {
    -webkit-clip-path: circle(91px at 111% 54%);
            clip-path: circle(91px at 111% 54%);
  }
}
@keyframes clip62 {
  0% {
    -webkit-clip-path: circle(147px at 24% -13%);
            clip-path: circle(147px at 24% -13%);
  }
  25% {
    -webkit-clip-path: circle(137px at 69% 32%);
            clip-path: circle(137px at 69% 32%);
  }
  50% {
    -webkit-clip-path: circle(108px at -4% -6%);
            clip-path: circle(108px at -4% -6%);
  }
  75% {
    -webkit-clip-path: circle(155px at -2% 8%);
            clip-path: circle(155px at -2% 8%);
  }
  100% {
    -webkit-clip-path: circle(91px at 111% 54%);
            clip-path: circle(91px at 111% 54%);
  }
}
#ui .text:nth-child(64) {
  color: #132ab6;
  -webkit-animation: clip63 15264ms ease-in-out infinite alternate;
          animation: clip63 15264ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip63 {
  0% {
    -webkit-clip-path: circle(142px at -19% 100%);
            clip-path: circle(142px at -19% 100%);
  }
  25% {
    -webkit-clip-path: circle(93px at 112% -11%);
            clip-path: circle(93px at 112% -11%);
  }
  50% {
    -webkit-clip-path: circle(133px at 79% 89%);
            clip-path: circle(133px at 79% 89%);
  }
  75% {
    -webkit-clip-path: circle(146px at 109% 85%);
            clip-path: circle(146px at 109% 85%);
  }
  100% {
    -webkit-clip-path: circle(148px at -7% -29%);
            clip-path: circle(148px at -7% -29%);
  }
}
@keyframes clip63 {
  0% {
    -webkit-clip-path: circle(142px at -19% 100%);
            clip-path: circle(142px at -19% 100%);
  }
  25% {
    -webkit-clip-path: circle(93px at 112% -11%);
            clip-path: circle(93px at 112% -11%);
  }
  50% {
    -webkit-clip-path: circle(133px at 79% 89%);
            clip-path: circle(133px at 79% 89%);
  }
  75% {
    -webkit-clip-path: circle(146px at 109% 85%);
            clip-path: circle(146px at 109% 85%);
  }
  100% {
    -webkit-clip-path: circle(148px at -7% -29%);
            clip-path: circle(148px at -7% -29%);
  }
}
#ui .text:nth-child(65) {
  color: #0d35b3;
  -webkit-animation: clip64 15910ms ease-in-out infinite alternate;
          animation: clip64 15910ms ease-in-out infinite alternate;
  filter: blur(8px);
}
@-webkit-keyframes clip64 {
  0% {
    -webkit-clip-path: circle(60px at 66% 40%);
            clip-path: circle(60px at 66% 40%);
  }
  25% {
    -webkit-clip-path: circle(102px at 13% -14%);
            clip-path: circle(102px at 13% -14%);
  }
  50% {
    -webkit-clip-path: circle(149px at 32% -11%);
            clip-path: circle(149px at 32% -11%);
  }
  75% {
    -webkit-clip-path: circle(53px at 31% 115%);
            clip-path: circle(53px at 31% 115%);
  }
  100% {
    -webkit-clip-path: circle(56px at 95% 39%);
            clip-path: circle(56px at 95% 39%);
  }
}
@keyframes clip64 {
  0% {
    -webkit-clip-path: circle(60px at 66% 40%);
            clip-path: circle(60px at 66% 40%);
  }
  25% {
    -webkit-clip-path: circle(102px at 13% -14%);
            clip-path: circle(102px at 13% -14%);
  }
  50% {
    -webkit-clip-path: circle(149px at 32% -11%);
            clip-path: circle(149px at 32% -11%);
  }
  75% {
    -webkit-clip-path: circle(53px at 31% 115%);
            clip-path: circle(53px at 31% 115%);
  }
  100% {
    -webkit-clip-path: circle(56px at 95% 39%);
            clip-path: circle(56px at 95% 39%);
  }
}
#ui .text:nth-child(66) {
  color: #1b0eac;
  -webkit-animation: clip65 19185ms ease-in-out infinite alternate;
          animation: clip65 19185ms ease-in-out infinite alternate;
  filter: blur(-3px);
}
@-webkit-keyframes clip65 {
  0% {
    -webkit-clip-path: circle(161px at 62% 47%);
            clip-path: circle(161px at 62% 47%);
  }
  25% {
    -webkit-clip-path: circle(45px at 77% 68%);
            clip-path: circle(45px at 77% 68%);
  }
  50% {
    -webkit-clip-path: circle(176px at 46% 49%);
            clip-path: circle(176px at 46% 49%);
  }
  75% {
    -webkit-clip-path: circle(94px at 89% 120%);
            clip-path: circle(94px at 89% 120%);
  }
  100% {
    -webkit-clip-path: circle(151px at 47% 43%);
            clip-path: circle(151px at 47% 43%);
  }
}
@keyframes clip65 {
  0% {
    -webkit-clip-path: circle(161px at 62% 47%);
            clip-path: circle(161px at 62% 47%);
  }
  25% {
    -webkit-clip-path: circle(45px at 77% 68%);
            clip-path: circle(45px at 77% 68%);
  }
  50% {
    -webkit-clip-path: circle(176px at 46% 49%);
            clip-path: circle(176px at 46% 49%);
  }
  75% {
    -webkit-clip-path: circle(94px at 89% 120%);
            clip-path: circle(94px at 89% 120%);
  }
  100% {
    -webkit-clip-path: circle(151px at 47% 43%);
            clip-path: circle(151px at 47% 43%);
  }
}
#ui .text:nth-child(67) {
  color: #043386;
  -webkit-animation: clip66 11412ms ease-in-out infinite alternate;
          animation: clip66 11412ms ease-in-out infinite alternate;
  filter: blur(9px);
}
@-webkit-keyframes clip66 {
  0% {
    -webkit-clip-path: circle(87px at -5% 55%);
            clip-path: circle(87px at -5% 55%);
  }
  25% {
    -webkit-clip-path: circle(55px at 90% 25%);
            clip-path: circle(55px at 90% 25%);
  }
  50% {
    -webkit-clip-path: circle(168px at 67% 3%);
            clip-path: circle(168px at 67% 3%);
  }
  75% {
    -webkit-clip-path: circle(43px at -28% 30%);
            clip-path: circle(43px at -28% 30%);
  }
  100% {
    -webkit-clip-path: circle(87px at 83% 85%);
            clip-path: circle(87px at 83% 85%);
  }
}
@keyframes clip66 {
  0% {
    -webkit-clip-path: circle(87px at -5% 55%);
            clip-path: circle(87px at -5% 55%);
  }
  25% {
    -webkit-clip-path: circle(55px at 90% 25%);
            clip-path: circle(55px at 90% 25%);
  }
  50% {
    -webkit-clip-path: circle(168px at 67% 3%);
            clip-path: circle(168px at 67% 3%);
  }
  75% {
    -webkit-clip-path: circle(43px at -28% 30%);
            clip-path: circle(43px at -28% 30%);
  }
  100% {
    -webkit-clip-path: circle(87px at 83% 85%);
            clip-path: circle(87px at 83% 85%);
  }
}
#ui .text:nth-child(68) {
  color: #0b5cfe;
  -webkit-animation: clip67 10399ms ease-in-out infinite alternate;
          animation: clip67 10399ms ease-in-out infinite alternate;
  filter: blur(2px);
}
@-webkit-keyframes clip67 {
  0% {
    -webkit-clip-path: circle(47px at 94% 19%);
            clip-path: circle(47px at 94% 19%);
  }
  25% {
    -webkit-clip-path: circle(120px at 94% -5%);
            clip-path: circle(120px at 94% -5%);
  }
  50% {
    -webkit-clip-path: circle(89px at 124% 44%);
            clip-path: circle(89px at 124% 44%);
  }
  75% {
    -webkit-clip-path: circle(75px at -8% 18%);
            clip-path: circle(75px at -8% 18%);
  }
  100% {
    -webkit-clip-path: circle(44px at 107% 104%);
            clip-path: circle(44px at 107% 104%);
  }
}
@keyframes clip67 {
  0% {
    -webkit-clip-path: circle(47px at 94% 19%);
            clip-path: circle(47px at 94% 19%);
  }
  25% {
    -webkit-clip-path: circle(120px at 94% -5%);
            clip-path: circle(120px at 94% -5%);
  }
  50% {
    -webkit-clip-path: circle(89px at 124% 44%);
            clip-path: circle(89px at 124% 44%);
  }
  75% {
    -webkit-clip-path: circle(75px at -8% 18%);
            clip-path: circle(75px at -8% 18%);
  }
  100% {
    -webkit-clip-path: circle(44px at 107% 104%);
            clip-path: circle(44px at 107% 104%);
  }
}
#ui .text:nth-child(69) {
  color: #085468;
  -webkit-animation: clip68 16058ms ease-in-out infinite alternate;
          animation: clip68 16058ms ease-in-out infinite alternate;
  filter: blur(10px);
}
@-webkit-keyframes clip68 {
  0% {
    -webkit-clip-path: circle(147px at 86% 22%);
            clip-path: circle(147px at 86% 22%);
  }
  25% {
    -webkit-clip-path: circle(160px at 103% 88%);
            clip-path: circle(160px at 103% 88%);
  }
  50% {
    -webkit-clip-path: circle(59px at -15% 60%);
            clip-path: circle(59px at -15% 60%);
  }
  75% {
    -webkit-clip-path: circle(128px at 115% 66%);
            clip-path: circle(128px at 115% 66%);
  }
  100% {
    -webkit-clip-path: circle(173px at 39% -26%);
            clip-path: circle(173px at 39% -26%);
  }
}
@keyframes clip68 {
  0% {
    -webkit-clip-path: circle(147px at 86% 22%);
            clip-path: circle(147px at 86% 22%);
  }
  25% {
    -webkit-clip-path: circle(160px at 103% 88%);
            clip-path: circle(160px at 103% 88%);
  }
  50% {
    -webkit-clip-path: circle(59px at -15% 60%);
            clip-path: circle(59px at -15% 60%);
  }
  75% {
    -webkit-clip-path: circle(128px at 115% 66%);
            clip-path: circle(128px at 115% 66%);
  }
  100% {
    -webkit-clip-path: circle(173px at 39% -26%);
            clip-path: circle(173px at 39% -26%);
  }
}
#ui .text:nth-child(70) {
  color: #0208e2;
  -webkit-animation: clip69 19923ms ease-in-out infinite alternate;
          animation: clip69 19923ms ease-in-out infinite alternate;
  filter: blur(-9px);
}
@-webkit-keyframes clip69 {
  0% {
    -webkit-clip-path: circle(120px at 90% -29%);
            clip-path: circle(120px at 90% -29%);
  }
  25% {
    -webkit-clip-path: circle(81px at 119% 107%);
            clip-path: circle(81px at 119% 107%);
  }
  50% {
    -webkit-clip-path: circle(98px at 89% 33%);
            clip-path: circle(98px at 89% 33%);
  }
  75% {
    -webkit-clip-path: circle(178px at 36% -23%);
            clip-path: circle(178px at 36% -23%);
  }
  100% {
    -webkit-clip-path: circle(63px at 122% 66%);
            clip-path: circle(63px at 122% 66%);
  }
}
@keyframes clip69 {
  0% {
    -webkit-clip-path: circle(120px at 90% -29%);
            clip-path: circle(120px at 90% -29%);
  }
  25% {
    -webkit-clip-path: circle(81px at 119% 107%);
            clip-path: circle(81px at 119% 107%);
  }
  50% {
    -webkit-clip-path: circle(98px at 89% 33%);
            clip-path: circle(98px at 89% 33%);
  }
  75% {
    -webkit-clip-path: circle(178px at 36% -23%);
            clip-path: circle(178px at 36% -23%);
  }
  100% {
    -webkit-clip-path: circle(63px at 122% 66%);
            clip-path: circle(63px at 122% 66%);
  }
}
#ui .text:nth-child(71) {
  color: #152bf7;
  -webkit-animation: clip70 13623ms ease-in-out infinite alternate;
          animation: clip70 13623ms ease-in-out infinite alternate;
  filter: blur(2px);
}
@-webkit-keyframes clip70 {
  0% {
    -webkit-clip-path: circle(118px at 59% 20%);
            clip-path: circle(118px at 59% 20%);
  }
  25% {
    -webkit-clip-path: circle(179px at 82% 24%);
            clip-path: circle(179px at 82% 24%);
  }
  50% {
    -webkit-clip-path: circle(63px at 10% 80%);
            clip-path: circle(63px at 10% 80%);
  }
  75% {
    -webkit-clip-path: circle(126px at 120% 76%);
            clip-path: circle(126px at 120% 76%);
  }
  100% {
    -webkit-clip-path: circle(78px at 8% 33%);
            clip-path: circle(78px at 8% 33%);
  }
}
@keyframes clip70 {
  0% {
    -webkit-clip-path: circle(118px at 59% 20%);
            clip-path: circle(118px at 59% 20%);
  }
  25% {
    -webkit-clip-path: circle(179px at 82% 24%);
            clip-path: circle(179px at 82% 24%);
  }
  50% {
    -webkit-clip-path: circle(63px at 10% 80%);
            clip-path: circle(63px at 10% 80%);
  }
  75% {
    -webkit-clip-path: circle(126px at 120% 76%);
            clip-path: circle(126px at 120% 76%);
  }
  100% {
    -webkit-clip-path: circle(78px at 8% 33%);
            clip-path: circle(78px at 8% 33%);
  }
}
#ui .text:nth-child(72) {
  color: #1652ae;
  -webkit-animation: clip71 17103ms ease-in-out infinite alternate;
          animation: clip71 17103ms ease-in-out infinite alternate;
  filter: blur(2px);
}
@-webkit-keyframes clip71 {
  0% {
    -webkit-clip-path: circle(125px at 73% 66%);
            clip-path: circle(125px at 73% 66%);
  }
  25% {
    -webkit-clip-path: circle(61px at -20% 75%);
            clip-path: circle(61px at -20% 75%);
  }
  50% {
    -webkit-clip-path: circle(79px at 55% 29%);
            clip-path: circle(79px at 55% 29%);
  }
  75% {
    -webkit-clip-path: circle(121px at 52% 88%);
            clip-path: circle(121px at 52% 88%);
  }
  100% {
    -webkit-clip-path: circle(57px at 7% 72%);
            clip-path: circle(57px at 7% 72%);
  }
}
@keyframes clip71 {
  0% {
    -webkit-clip-path: circle(125px at 73% 66%);
            clip-path: circle(125px at 73% 66%);
  }
  25% {
    -webkit-clip-path: circle(61px at -20% 75%);
            clip-path: circle(61px at -20% 75%);
  }
  50% {
    -webkit-clip-path: circle(79px at 55% 29%);
            clip-path: circle(79px at 55% 29%);
  }
  75% {
    -webkit-clip-path: circle(121px at 52% 88%);
            clip-path: circle(121px at 52% 88%);
  }
  100% {
    -webkit-clip-path: circle(57px at 7% 72%);
            clip-path: circle(57px at 7% 72%);
  }
}
#ui .text:nth-child(73) {
  color: #0d2279;
  -webkit-animation: clip72 10242ms ease-in-out infinite alternate;
          animation: clip72 10242ms ease-in-out infinite alternate;
  filter: blur(-4px);
}
@-webkit-keyframes clip72 {
  0% {
    -webkit-clip-path: circle(114px at 92% 17%);
            clip-path: circle(114px at 92% 17%);
  }
  25% {
    -webkit-clip-path: circle(86px at 62% 33%);
            clip-path: circle(86px at 62% 33%);
  }
  50% {
    -webkit-clip-path: circle(77px at -11% -20%);
            clip-path: circle(77px at -11% -20%);
  }
  75% {
    -webkit-clip-path: circle(47px at 127% 30%);
            clip-path: circle(47px at 127% 30%);
  }
  100% {
    -webkit-clip-path: circle(161px at 39% -24%);
            clip-path: circle(161px at 39% -24%);
  }
}
@keyframes clip72 {
  0% {
    -webkit-clip-path: circle(114px at 92% 17%);
            clip-path: circle(114px at 92% 17%);
  }
  25% {
    -webkit-clip-path: circle(86px at 62% 33%);
            clip-path: circle(86px at 62% 33%);
  }
  50% {
    -webkit-clip-path: circle(77px at -11% -20%);
            clip-path: circle(77px at -11% -20%);
  }
  75% {
    -webkit-clip-path: circle(47px at 127% 30%);
            clip-path: circle(47px at 127% 30%);
  }
  100% {
    -webkit-clip-path: circle(161px at 39% -24%);
            clip-path: circle(161px at 39% -24%);
  }
}
#ui .text:nth-child(74) {
  color: #1a61f1;
  -webkit-animation: clip73 18716ms ease-in-out infinite alternate;
          animation: clip73 18716ms ease-in-out infinite alternate;
  filter: blur(7px);
}
@-webkit-keyframes clip73 {
  0% {
    -webkit-clip-path: circle(149px at 89% 21%);
            clip-path: circle(149px at 89% 21%);
  }
  25% {
    -webkit-clip-path: circle(94px at 48% 53%);
            clip-path: circle(94px at 48% 53%);
  }
  50% {
    -webkit-clip-path: circle(132px at -17% 44%);
            clip-path: circle(132px at -17% 44%);
  }
  75% {
    -webkit-clip-path: circle(98px at 72% 117%);
            clip-path: circle(98px at 72% 117%);
  }
  100% {
    -webkit-clip-path: circle(167px at -9% 63%);
            clip-path: circle(167px at -9% 63%);
  }
}
@keyframes clip73 {
  0% {
    -webkit-clip-path: circle(149px at 89% 21%);
            clip-path: circle(149px at 89% 21%);
  }
  25% {
    -webkit-clip-path: circle(94px at 48% 53%);
            clip-path: circle(94px at 48% 53%);
  }
  50% {
    -webkit-clip-path: circle(132px at -17% 44%);
            clip-path: circle(132px at -17% 44%);
  }
  75% {
    -webkit-clip-path: circle(98px at 72% 117%);
            clip-path: circle(98px at 72% 117%);
  }
  100% {
    -webkit-clip-path: circle(167px at -9% 63%);
            clip-path: circle(167px at -9% 63%);
  }
}
#ui .text:nth-child(75) {
  color: #1509bd;
  -webkit-animation: clip74 15313ms ease-in-out infinite alternate;
          animation: clip74 15313ms ease-in-out infinite alternate;
  filter: blur(-7px);
}
@-webkit-keyframes clip74 {
  0% {
    -webkit-clip-path: circle(72px at 112% 105%);
            clip-path: circle(72px at 112% 105%);
  }
  25% {
    -webkit-clip-path: circle(54px at 5% 25%);
            clip-path: circle(54px at 5% 25%);
  }
  50% {
    -webkit-clip-path: circle(180px at 121% 113%);
            clip-path: circle(180px at 121% 113%);
  }
  75% {
    -webkit-clip-path: circle(62px at 100% 103%);
            clip-path: circle(62px at 100% 103%);
  }
  100% {
    -webkit-clip-path: circle(59px at 71% 129%);
            clip-path: circle(59px at 71% 129%);
  }
}
@keyframes clip74 {
  0% {
    -webkit-clip-path: circle(72px at 112% 105%);
            clip-path: circle(72px at 112% 105%);
  }
  25% {
    -webkit-clip-path: circle(54px at 5% 25%);
            clip-path: circle(54px at 5% 25%);
  }
  50% {
    -webkit-clip-path: circle(180px at 121% 113%);
            clip-path: circle(180px at 121% 113%);
  }
  75% {
    -webkit-clip-path: circle(62px at 100% 103%);
            clip-path: circle(62px at 100% 103%);
  }
  100% {
    -webkit-clip-path: circle(59px at 71% 129%);
            clip-path: circle(59px at 71% 129%);
  }
}
#ui .text:nth-child(76) {
  color: #085bd1;
  -webkit-animation: clip75 10435ms ease-in-out infinite alternate;
          animation: clip75 10435ms ease-in-out infinite alternate;
  filter: blur(12px);
}
@-webkit-keyframes clip75 {
  0% {
    -webkit-clip-path: circle(159px at -24% 2%);
            clip-path: circle(159px at -24% 2%);
  }
  25% {
    -webkit-clip-path: circle(122px at 71% 95%);
            clip-path: circle(122px at 71% 95%);
  }
  50% {
    -webkit-clip-path: circle(119px at 15% 29%);
            clip-path: circle(119px at 15% 29%);
  }
  75% {
    -webkit-clip-path: circle(54px at 109% 16%);
            clip-path: circle(54px at 109% 16%);
  }
  100% {
    -webkit-clip-path: circle(175px at -13% 26%);
            clip-path: circle(175px at -13% 26%);
  }
}
@keyframes clip75 {
  0% {
    -webkit-clip-path: circle(159px at -24% 2%);
            clip-path: circle(159px at -24% 2%);
  }
  25% {
    -webkit-clip-path: circle(122px at 71% 95%);
            clip-path: circle(122px at 71% 95%);
  }
  50% {
    -webkit-clip-path: circle(119px at 15% 29%);
            clip-path: circle(119px at 15% 29%);
  }
  75% {
    -webkit-clip-path: circle(54px at 109% 16%);
            clip-path: circle(54px at 109% 16%);
  }
  100% {
    -webkit-clip-path: circle(175px at -13% 26%);
            clip-path: circle(175px at -13% 26%);
  }
}
#ui .text:nth-child(77) {
  color: #0d4f94;
  -webkit-animation: clip76 15707ms ease-in-out infinite alternate;
          animation: clip76 15707ms ease-in-out infinite alternate;
  filter: blur(-9px);
}
@-webkit-keyframes clip76 {
  0% {
    -webkit-clip-path: circle(36px at 47% 44%);
            clip-path: circle(36px at 47% 44%);
  }
  25% {
    -webkit-clip-path: circle(145px at 34% 8%);
            clip-path: circle(145px at 34% 8%);
  }
  50% {
    -webkit-clip-path: circle(133px at 67% -28%);
            clip-path: circle(133px at 67% -28%);
  }
  75% {
    -webkit-clip-path: circle(71px at 36% -7%);
            clip-path: circle(71px at 36% -7%);
  }
  100% {
    -webkit-clip-path: circle(160px at 103% 75%);
            clip-path: circle(160px at 103% 75%);
  }
}
@keyframes clip76 {
  0% {
    -webkit-clip-path: circle(36px at 47% 44%);
            clip-path: circle(36px at 47% 44%);
  }
  25% {
    -webkit-clip-path: circle(145px at 34% 8%);
            clip-path: circle(145px at 34% 8%);
  }
  50% {
    -webkit-clip-path: circle(133px at 67% -28%);
            clip-path: circle(133px at 67% -28%);
  }
  75% {
    -webkit-clip-path: circle(71px at 36% -7%);
            clip-path: circle(71px at 36% -7%);
  }
  100% {
    -webkit-clip-path: circle(160px at 103% 75%);
            clip-path: circle(160px at 103% 75%);
  }
}
#ui .text:nth-child(78) {
  color: #1a12f6;
  -webkit-animation: clip77 14648ms ease-in-out infinite alternate;
          animation: clip77 14648ms ease-in-out infinite alternate;
  filter: blur(4px);
}
@-webkit-keyframes clip77 {
  0% {
    -webkit-clip-path: circle(51px at 95% 52%);
            clip-path: circle(51px at 95% 52%);
  }
  25% {
    -webkit-clip-path: circle(98px at 46% 76%);
            clip-path: circle(98px at 46% 76%);
  }
  50% {
    -webkit-clip-path: circle(35px at 80% 113%);
            clip-path: circle(35px at 80% 113%);
  }
  75% {
    -webkit-clip-path: circle(41px at 117% 76%);
            clip-path: circle(41px at 117% 76%);
  }
  100% {
    -webkit-clip-path: circle(178px at 90% 111%);
            clip-path: circle(178px at 90% 111%);
  }
}
@keyframes clip77 {
  0% {
    -webkit-clip-path: circle(51px at 95% 52%);
            clip-path: circle(51px at 95% 52%);
  }
  25% {
    -webkit-clip-path: circle(98px at 46% 76%);
            clip-path: circle(98px at 46% 76%);
  }
  50% {
    -webkit-clip-path: circle(35px at 80% 113%);
            clip-path: circle(35px at 80% 113%);
  }
  75% {
    -webkit-clip-path: circle(41px at 117% 76%);
            clip-path: circle(41px at 117% 76%);
  }
  100% {
    -webkit-clip-path: circle(178px at 90% 111%);
            clip-path: circle(178px at 90% 111%);
  }
}
/***************************************************
 * Generated by SVG Artista on 11/5/2025, 10:54:02 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:370.4637145996094px;stroke-dasharray:370.4637145996094px}100%{stroke-dashoffset:0;stroke-dasharray:370.4637145996094px}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-1{animation:animate-svg-stroke-1 1s cubic-bezier(0.645,0.045,0.355,1) 0s both,animate-svg-fill-1 1s cubic-bezier(0.55,0.055,0.675,0.19) 0.8s both}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:172.99415588378906px;stroke-dasharray:172.99415588378906px}100%{stroke-dashoffset:0;stroke-dasharray:172.99415588378906px}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-2{animation:animate-svg-stroke-2 1s cubic-bezier(0.645,0.045,0.355,1) 0.12s both,animate-svg-fill-2 1s cubic-bezier(0.55,0.055,0.675,0.19) 0.9s both}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:106.28033447265625px;stroke-dasharray:106.28033447265625px}100%{stroke-dashoffset:0;stroke-dasharray:106.28033447265625px}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-3{animation:animate-svg-stroke-3 1s cubic-bezier(0.645,0.045,0.355,1) 0.24s both,animate-svg-fill-3 1s cubic-bezier(0.55,0.055,0.675,0.19) 1s both}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:146.50332641601562px;stroke-dasharray:146.50332641601562px}100%{stroke-dashoffset:0;stroke-dasharray:146.50332641601562px}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-4{animation:animate-svg-stroke-4 1s cubic-bezier(0.645,0.045,0.355,1) 0.36s both,animate-svg-fill-4 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.1s both}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:92.60429382324219px;stroke-dasharray:92.60429382324219px}100%{stroke-dashoffset:0;stroke-dasharray:92.60429382324219px}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-5{animation:animate-svg-stroke-5 1s cubic-bezier(0.645,0.045,0.355,1) 0.48s both,animate-svg-fill-5 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.2000000000000002s both}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:127.30184173583984px;stroke-dasharray:127.30184173583984px}100%{stroke-dashoffset:0;stroke-dasharray:127.30184173583984px}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-6{animation:animate-svg-stroke-6 1s cubic-bezier(0.645,0.045,0.355,1) 0.6s both,animate-svg-fill-6 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.3s both}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:92.60431671142578px;stroke-dasharray:92.60431671142578px}100%{stroke-dashoffset:0;stroke-dasharray:92.60431671142578px}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-7{animation:animate-svg-stroke-7 1s cubic-bezier(0.645,0.045,0.355,1) 0.72s both,animate-svg-fill-7 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.4000000000000001s both}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:219.86973571777344px;stroke-dasharray:219.86973571777344px}100%{stroke-dashoffset:0;stroke-dasharray:219.86973571777344px}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-8{animation:animate-svg-stroke-8 1s cubic-bezier(0.645,0.045,0.355,1) 0.84s both,animate-svg-fill-8 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.5s both}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:153.12586975097656px;stroke-dasharray:153.12586975097656px}100%{stroke-dashoffset:0;stroke-dasharray:153.12586975097656px}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-9{animation:animate-svg-stroke-9 1s cubic-bezier(0.645,0.045,0.355,1) 0.96s both,animate-svg-fill-9 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.6s both}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:276.5765686035156px;stroke-dasharray:276.5765686035156px}100%{stroke-dashoffset:0;stroke-dasharray:276.5765686035156px}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-10{animation:animate-svg-stroke-10 1s cubic-bezier(0.645,0.045,0.355,1) 1.08s both,animate-svg-fill-10 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.7000000000000002s both}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:191.55197143554688px;stroke-dasharray:191.55197143554688px}100%{stroke-dashoffset:0;stroke-dasharray:191.55197143554688px}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-11{animation:animate-svg-stroke-11 1s cubic-bezier(0.645,0.045,0.355,1) 1.2s both,animate-svg-fill-11 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.8s both}@keyframes animate-svg-stroke-12{0%{stroke-dashoffset:187.79576110839844px;stroke-dasharray:187.79576110839844px}100%{stroke-dashoffset:0;stroke-dasharray:187.79576110839844px}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-12{animation:animate-svg-stroke-12 1s cubic-bezier(0.645,0.045,0.355,1) 1.3199999999999998s both,animate-svg-fill-12 1s cubic-bezier(0.55,0.055,0.675,0.19) 1.9000000000000001s both}@keyframes animate-svg-stroke-13{0%{stroke-dashoffset:160.12921142578125px;stroke-dasharray:160.12921142578125px}100%{stroke-dashoffset:0;stroke-dasharray:160.12921142578125px}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-13{animation:animate-svg-stroke-13 1s cubic-bezier(0.645,0.045,0.355,1) 1.44s both,animate-svg-fill-13 1s cubic-bezier(0.55,0.055,0.675,0.19) 2s both}@keyframes animate-svg-stroke-14{0%{stroke-dashoffset:146.49452209472656px;stroke-dasharray:146.49452209472656px}100%{stroke-dashoffset:0;stroke-dasharray:146.49452209472656px}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-14{animation:animate-svg-stroke-14 1s cubic-bezier(0.645,0.045,0.355,1) 1.56s both,animate-svg-fill-14 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.1s both}@keyframes animate-svg-stroke-15{0%{stroke-dashoffset:106.29533386230469px;stroke-dasharray:106.29533386230469px}100%{stroke-dashoffset:0;stroke-dasharray:106.29533386230469px}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-15{animation:animate-svg-stroke-15 1s cubic-bezier(0.645,0.045,0.355,1) 1.68s both,animate-svg-fill-15 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.2s both}@keyframes animate-svg-stroke-16{0%{stroke-dashoffset:153.12049865722656px;stroke-dasharray:153.12049865722656px}100%{stroke-dashoffset:0;stroke-dasharray:153.12049865722656px}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-16{animation:animate-svg-stroke-16 1s cubic-bezier(0.645,0.045,0.355,1) 1.7999999999999998s both,animate-svg-fill-16 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.3s both}@keyframes animate-svg-stroke-17{0%{stroke-dashoffset:299.4617614746094px;stroke-dasharray:299.4617614746094px}100%{stroke-dashoffset:0;stroke-dasharray:299.4617614746094px}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-17{animation:animate-svg-stroke-17 1s cubic-bezier(0.645,0.045,0.355,1) 1.92s both,animate-svg-fill-17 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.4000000000000004s both}@keyframes animate-svg-stroke-18{0%{stroke-dashoffset:106.28141021728516px;stroke-dasharray:106.28141021728516px}100%{stroke-dashoffset:0;stroke-dasharray:106.28141021728516px}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-18{animation:animate-svg-stroke-18 1s cubic-bezier(0.645,0.045,0.355,1) 2.04s both,animate-svg-fill-18 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.5s both}@keyframes animate-svg-stroke-19{0%{stroke-dashoffset:172.87782287597656px;stroke-dasharray:172.87782287597656px}100%{stroke-dashoffset:0;stroke-dasharray:172.87782287597656px}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-19{animation:animate-svg-stroke-19 1s cubic-bezier(0.645,0.045,0.355,1) 2.16s both,animate-svg-fill-19 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.6s both}@keyframes animate-svg-stroke-20{0%{stroke-dashoffset:187.91407775878906px;stroke-dasharray:187.91407775878906px}100%{stroke-dashoffset:0;stroke-dasharray:187.91407775878906px}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-20{animation:animate-svg-stroke-20 1s cubic-bezier(0.645,0.045,0.355,1) 2.28s both,animate-svg-fill-20 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.7s both}@keyframes animate-svg-stroke-21{0%{stroke-dashoffset:203.6500701904297px;stroke-dasharray:203.6500701904297px}100%{stroke-dashoffset:0;stroke-dasharray:203.6500701904297px}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-21{animation:animate-svg-stroke-21 1s cubic-bezier(0.645,0.045,0.355,1) 2.4s both,animate-svg-fill-21 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.8s both}@keyframes animate-svg-stroke-22{0%{stroke-dashoffset:216.74169921875px;stroke-dasharray:216.74169921875px}100%{stroke-dashoffset:0;stroke-dasharray:216.74169921875px}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-22{animation:animate-svg-stroke-22 1s cubic-bezier(0.645,0.045,0.355,1) 2.52s both,animate-svg-fill-22 1s cubic-bezier(0.55,0.055,0.675,0.19) 2.9000000000000004s both}@keyframes animate-svg-stroke-23{0%{stroke-dashoffset:153.1294708251953px;stroke-dasharray:153.1294708251953px}100%{stroke-dashoffset:0;stroke-dasharray:153.1294708251953px}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-23{animation:animate-svg-stroke-23 1s cubic-bezier(0.645,0.045,0.355,1) 2.6399999999999997s both,animate-svg-fill-23 1s cubic-bezier(0.55,0.055,0.675,0.19) 3s both}@keyframes animate-svg-stroke-24{0%{stroke-dashoffset:159.52133178710938px;stroke-dasharray:159.52133178710938px}100%{stroke-dashoffset:0;stroke-dasharray:159.52133178710938px}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-24{animation:animate-svg-stroke-24 1s cubic-bezier(0.645,0.045,0.355,1) 2.76s both,animate-svg-fill-24 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.1000000000000005s both}@keyframes animate-svg-stroke-25{0%{stroke-dashoffset:203.6368408203125px;stroke-dasharray:203.6368408203125px}100%{stroke-dashoffset:0;stroke-dasharray:203.6368408203125px}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-25{animation:animate-svg-stroke-25 1s cubic-bezier(0.645,0.045,0.355,1) 2.88s both,animate-svg-fill-25 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.2s both}@keyframes animate-svg-stroke-26{0%{stroke-dashoffset:153.1240234375px;stroke-dasharray:153.1240234375px}100%{stroke-dashoffset:0;stroke-dasharray:153.1240234375px}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.gjdn-vf-26{animation:animate-svg-stroke-26 1s cubic-bezier(0.645,0.045,0.355,1) 3s both,animate-svg-fill-26 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.3s both}@keyframes animate-svg-stroke-27{0%{stroke-dashoffset:442.4743347167969px;stroke-dasharray:442.4743347167969px}100%{stroke-dashoffset:0;stroke-dasharray:442.4743347167969px}}@keyframes animate-svg-fill-27{0%{fill:transparent}100%{fill:rgb(227,11,19)}}.gjdn-vf-27{animation:animate-svg-stroke-27 1s cubic-bezier(0.645,0.045,0.355,1) 3.12s both,animate-svg-fill-27 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.4000000000000004s both}@keyframes animate-svg-stroke-28{0%{stroke-dashoffset:160.1395721435547px;stroke-dasharray:160.1395721435547px}100%{stroke-dashoffset:0;stroke-dasharray:160.1395721435547px}}@keyframes animate-svg-fill-28{0%{fill:transparent}100%{fill:rgb(227,11,19)}}.gjdn-vf-28{animation:animate-svg-stroke-28 1s cubic-bezier(0.645,0.045,0.355,1) 3.2399999999999998s both,animate-svg-fill-28 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.5s both}@keyframes animate-svg-stroke-29{0%{stroke-dashoffset:179.6934051513672px;stroke-dasharray:179.6934051513672px}100%{stroke-dashoffset:0;stroke-dasharray:179.6934051513672px}}@keyframes animate-svg-fill-29{0%{fill:transparent}100%{fill:rgb(227,11,19)}}.gjdn-vf-29{animation:animate-svg-stroke-29 1s cubic-bezier(0.645,0.045,0.355,1) 3.36s both,animate-svg-fill-29 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.6000000000000005s both}@keyframes animate-svg-stroke-30{0%{stroke-dashoffset:210.06283569335938px;stroke-dasharray:210.06283569335938px}100%{stroke-dashoffset:0;stroke-dasharray:210.06283569335938px}}@keyframes animate-svg-fill-30{0%{fill:transparent}100%{fill:rgb(227,11,19)}}.gjdn-vf-30{animation:animate-svg-stroke-30 1s cubic-bezier(0.645,0.045,0.355,1) 3.48s both,animate-svg-fill-30 1s cubic-bezier(0.55,0.055,0.675,0.19) 3.7s both}
@media (min-width: 992px) {
  .badge-on-image {
    position: absolute;
    top: 2px;
    /* position where you want it */
    left: 2px;
    padding: 3px 6px;
  }
}

@media (min-width: 490px) and (max-width: 991px) {
  .img-jeu {
    width: 50%;
  }

  .badge-on-image {
    position: absolute;
    top: 2px;
    margin-left: -155px !important;
    font-size: 16px !important;
  }
}

@media (min-width: 768px) {
    div#element-center1 i.fa,
    div#element-center2 i.fa {
        margin: -20px -40px !important;
    }
}