*     { margin:       0;
        padding:      0;
      }

img   { border:       none;
      }

body  { 
        
        
        background:   #85d0f0 url('../img/layout/bg.jpg') repeat-x;        
        color:        #ffffff;
        font-family:  lucida, tahoma, sans-serif;
        font-size:    0.85em;
        overflow-y:   scroll;
        overflow-x: hidden;
      }

#obalvseho  
      { width:        1000px;
        max-width:    100%!important;
        margin-left:  auto;
        margin-right: auto;
        /*background:   url('../img/layout/bg-image.png') no-repeat; Vklada se dynamicky primo do xhtml jen tehdy, kdy je to zadouci*/
         
      }



/*Obecne**************/

a     {         color:        #003c78;}


h2, h3    { margin-bottom:  0.5em;}
h2        { margin-top:     1em;
            text-transform: uppercase;}
h4        { color: #001338;
            margin-top:     1em;}

p         { margin-top:     0.5em;
            margin-bottom:  0.5em;
          }

      
#hlavnisloupec .odhlaszmen a,
#pata a
      { text-decoration:  none;
      }

#hlavnisloupec .odhlaszmen /*a*/
      { color:      white;
        font-size:  0.9em;
        margin-top: 0.7em;
      }

  #hlavnisloupec .odhlaszmen a:hover, #hlavnisloupec .odhlaszmen a:focus, #hlavnisloupec .odhlaszmen a:active,
  #pata a:hover, #pata a:focus, #pata a:active
        {
          text-decoration:  underline;
        }



#hlavnisloupec {  
        color:        #004f9f;
        }  
        
input {  
        xbox-shadow: 0 0 3px #004f9f; 
        }          

.skryt
      { display:      none;}            

hr
      { margin-top:   1em;
        margin-bottom:1em;
        /*color:        red;
        background:   red;
        height:       0;
        border-top:   1px solid red;*/
        
        background:   url('../img/layout/stin.png');
        border:       none;
        /*border-top:   1px solid /*#f18d00*/ /*#f1971d*/;        
        height:       5px;
      }      

.clearright
      {clear:right;}      
      
.jenomclear {
     clear:               both; 
     font-size:           1px;    
     margin:              0;         
     height:              0;
    }      

/*Konkrétní*/      


/*#registrovat-obal, #prihlasit-obal 
            { background: url('../img/layout/button-register-bg.png');
              width:      104px; /*182 celkem
              height:     73px; /*159 celkem
              padding:    86px 0 0 78px;
              float:      left;
            }
#registrovat-obal a, #prihlasit-obal a  
            { margin:0;      padding:0;
            }                        
#prihlasit-obal 
            { background: url('../img/layout/button-login-bg.png');
              margin-right: 20px;              
            }
*/            
#button-prihlasit
            { 
              margin-right: 14px;              
            }

            

#menu
            { margin: 0px 0px 15px 0;}

  #menu a
            { margin: 0px 7px 0 0;}
    #menu a:last-child
            { margin: 0;}



  h1     
        { margin: 0;  
        }

  h1 a  { margin: 0 auto;
          display:block;
          text-align: center;
        }
  
  h1 a img   
        { /*border:       dotted 1px;
          border-color: transparent;*/  
          margin:       40px auto 30px auto; 
        }

  h1 a:focus img, h1 a:active img   
        { 
          /*background:   silver;*/
          /*border:  dotted 1px #451964;*/
        }


h2    { /*font-weight:  500;*/
        font-size:  1.2em;
      }
      
#hlavnisloupec  
      { float:        right;
        /*background:   #ffe540;*/
        width:        384px; /*384+2x16 = 416 ...na PC ok, na iPAdumini o asi 10px nevysvetlene min*/       
        max-width:    90%;
        max-width:    calc(100% - 35px);
        min-height:   612px;  
        padding:      0px;  /*uprava podzim 2020 - puvodni hodnota byla 16 a prvky v sidebaru byly vizuálně uvnitř prostoru, nyní presne lícují s okrajem*/
        background:   /*#85d0fe/*98e2ff uprava podzim 2020 - barva odstarnena, aby pozadi sidebaru prebiralo barvu z celtralniho pozadi, zustava jen bg-sidebar s oblohou pro skakajici lidi*/  url('../img/layout/bg-sidebar.png') center top no-repeat;
        /*background:   #98e2ff  url('/pez-soutez/img/layout/ruller-h.png') repeat-y;*/
      }



  #hlavnisloupec #figurkynadmenu img
          {
            max-width: 100%;
            height: auto;
            margin-bottom: 14px; /*uprava podzim 2020 - doplnena vertikalni mezera mezi duhovy CI pruh a menu*/
          }
  




  #partnerih2
            { font-size:    0.9em;
              color:        white;
              font-weight:  normal;
            }
  
  .partneriradek a
            { margin:   0px 11px 11px 0;
              display:  block;
              float:    left;
            }
            
  .partneriradek img   {border-radius: 10px;}        
          
  .partneriradek a:last-child, .partneriradek a.br
            { margin: 0 0 11px 0;}  


  #hlavnisloupec form
          {
            /*max-width:  100%;*/ 
          }
 
    form#zmn  
            { padding-bottom:  0.5em;
            }          
          
  #hlavnisloupec .okoloinputu
          {
            float:      left;
            min-width:  /*160px*/12.5em;
            max-width: 100%;
            margin-bottom:
                        0.7em;            
          }
    #hlavnisloupec.zmena .okoloinputu
            {
              float:      none;
            }
          #hlavnisloupec.zmena .float
              {
                float:      left;
              }      
  
  #hlavnisloupec label
          {
            display:    block;
            max-width:  none;
            margin-bottom:
                        1px;            
          }

    #hlavnisloupec label.radio
            {
              display:    inline;
            }
            
  #hlavnisloupec input, #hlavnisloupec select
          {
            display:    block;
            min-width:  /*150px*/ 12em;
            max-width: 100%;
            float:      left; /*kvůlivá varovacímu vykřičníku vedle*/
          }
    #hlavnisloupec.zmena input, #hlavnisloupec.zmena select,
    #hlavnisloupec input.radio
            {
              display:    inline;
              min-width:  2em;
              float:      none;
            }
            
    #hlavnisloupec input.checkbox, #hlavnisloupec label.checkbox
            { margin:     0;
              padding:    0;
              display: inline;
            }            




  #hlavnisloupec form br, #hlavnisloupec form .dalsiradek
          {
            clear:      left;
          }


  input, select
          { border:     1px solid #c0c0c0;
          }



  .tlacitko, #tisknout
          { 
            color:      white;
            /* fallback (Opera) */
            background: #451964;
            /*vertikalni fade*/
              /* Mozilla: */
              background: -moz-linear-gradient(top, #1368bf, #0c427a);
              /* Chrome, Safari:*/
              background: -webkit-gradient(linear, left top, left bottom, from(#1368bf), to(#0c427a));
              /* MSIE */
              filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#1368bf', EndColorStr='#0c427a', GradientType=0);
              
              
          }
    .zmena form .tlacitko  /*form#zmn .tlacitko*/
            { margin-top:   1em;
              padding:  0.5em;
            }      

    .tlacitko:hover, .tlacitko:focus, .tlacitko:active
            { 
              background: #ff8b1d;
              /*IE*/ filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ff8b1d', EndColorStr='#ff8b1d', GradientType=0);
              /*color: #003c78;*/
            }


.progressbar-hr
            { background: url('../img/progressbar/hr.jpg');
              height:     2px; margin:0;
              clear:      left;
            }
#tachometr 
            { float:left;
            }
#slevaprocent 
            { float:left;
              display:block;
              padding: 6px 1em;
            }            
#tisknout   { display:inline-block; text-decoration:none;
              padding: 6px 1em 0;
              min-height: 24px; /*celkem 30*/
              /*barvy definovany u tlacitka*/
              float:right;
            }            






/*Leva cast okna*/


#slogan  
      { margin:       40px 0px 0px 0px;
      }      
#bg_image
      { margin:       0 0 80px 0;}   

#slogan, #bg_image
      { max-width:    calc(100% - 450px);
        height: auto;
      }
      
         

#datatext  
      { color:          white;
        padding-top:     40px;

        width:          570px /*660*/;
        max-width:      100%; /*jinde jeste min. vyska*/

      }  
#datatext img 
      { max-width:      100%;}          

.clovek-doprava
      { 
      float:right;
      margin-left:     60px;
      margin-right:    70px;
      
      }

.vyrobek-doprava
      
      { float:right;
        /*margin: 0 4em;*/
        margin-left: 2em;
        margin-right: 2em;
      }
      
.vyhra
      
      { 
        margin-top: 1em;        
        margin-bottom: 1em;
      }      


#datatext h2
      { margin-top:0;}

#aktualnivyherci  
      { margin:       /*550px*/ 0px 0 0 20px;
        float:        left;
        padding:      0 0 0 50px;
        background:   url('../img/layout/sipka.png') no-repeat;
      }
  #aktualnivyherci.vstupnistrana  
        { margin:       /*550px 360*/ 0px 0 0 20px;
          clear:        left;
        }                  
#aktualnivyherci h2  
      { margin-top:   8px;
      }

 
#minimalnivyskapropozadi, #datatext
      { /*min-height: 650px;*/}

        
#pata 
      { clear:        both;
        width:        100%;
      }
      
  #pata a 
        { float:      right;
          margin:     0 0 0 1em;
          color:      white;
          font-size:  0.9em;
        }


/* Jen nektery stranky*/

table, table * 
        { border:none;
        }
    table 
            { font-size:  0.9em;
              border-top:  solid 1px;
              border-left:   solid 1px;

            }

    table td, table th
            { vertical-align: top;
              border-bottom:  solid 1px;
              border-right:   solid 1px;
              padding:        0.1em 0.3em 0.1em 0.3em;
            }
    table tr:hover, table tr:hover td, table tr:hover th,
    table thead tr,table thead td, table thead th 
            { background: #003c78;
              color:      #ffffff;
            }
    table caption
            { display:    none;
            }
    table th
            { text-align:     left;
            }


.loganekolikradku a
    { display:  inline-block;
      margin:   5px; 
    }
    
a.slevovykupon
    { display:  inline-block;
      margin:   25px 20px 0 0; 
    }    
    
    
/* mobilni **********************  */
@media(max-width:764px) {

body  { 
        font-size:    1em;
      }

#obalvseho  
      { 
        width:        100%;
      }

@media(min-width:400px) {
#obalvseho  
      { 
        width:        100%;
        width:        calc(100% - 2em); /*jakoby padding celé stránky*/
      }
}

#slogan, #bg_image
      { display:none;
      }

#hlavnisloupec
      { float: none; 
        margin-left: auto; 
        margin-right:auto;
        /*width:        100%; ne, protoze pak by nesedelo pozadi, kde vychazi cary dokola z loga*/
        padding:      0.5em;
        max-width: 90%;
        max-width: calc(100% - 1em);
        min-height:   0px; /* Protoze schovavame tlacitka, aby byla videt zmena hlavniho obsahu; tak nemuzeme roztahovat vysku menu, coz je naopak potreba pro desktop kvuli vzhledu*/  
      }
                    

#logo  
      { float:        none;
        margin:       0.5em 0 0 0.5em;
        max-width: 100%;
        max-width: calc(100% - 1em);
        height: auto;
      }


.tlacitkaschovavananamobilu 
      { display:      none;
      }

#menu 
      {  
        text-align: center;
      }


#menu a
      {  
        margin: 0 0% 0 0;
        width: 31%;
        display:inline-block;
      }
    #menu a:last-child
            { margin: 0;}
#menu a img
      {  
        width: 100%;
        height: auto;
      }
      
a#button-prihlasit,
a#button-registrovat 
      { 
        margin: 0 0 0 2%;
        width:  45.5%;
        display:block;
        float:left;
      }


a#button-registrovat 
      { 
        margin: 0 2% 0 0;
        float:right;
      }

a#button-prihlasit img,
a#button-registrovat img
      { 
        width:  100%;
        height: auto;
      }

#partnerih2 {
  clear: both;
  padding-top: 1.2em;
}



@media(max-width:440px) { /*Partneři jsou po dvou vedle sebe; ne po třech*/ 

#partnerih2 {
  clear: both;
  padding-top: 1.2em;
  padding-left: 0.5em;
}


#partneri .partneriradek a,
#partneri .partneriradek a:last-child  
      { 
        margin:       2%;
        width:        45%;
      }
#partneri .partneriradek a img  
      { 
        width:        100%;
      }      
      
      
}






  #hlavnisloupec .okoloinputu
          {
            /*float:      left;*/
          }
  
  #hlavnisloupec label
          {
            display:    block;
            margin-bottom:
                        1px;            
          }

  #hlavnisloupec input, #hlavnisloupec select
          {
            display:    block;
            min-width:  /*150px*/ 12em;
            float:      left; /*kvůlivá varovacímu vykřičníku vedle*/
          }

  #hlavnisloupec form br
          {
            clear: left;
          }

.clovek-doprava 
      { display:  none;}

.vyrobek-doprava
      
      { float:    none;
        margin-left: 0;
        margin-right: 0;
        width:    100%;
        height:   auto;
      }
      


#aktualnivyherci, #aktualnivyherci.vstupnistrana  
      { margin:       0.5em;
        float:        none;
      }      

#produkt  
      { 
        float:        none;
        margin:       0;
      }      
  #produkt.vstupnistrana  
        { 
          margin:       0;
        }                  

#nebrodime  
      { 
        margin-top:   0.5em;
      }      
  #nebrodime.zmena  
        { 
          margin-top:   0.5em;
        }      
.skryt
      { display:      inline;}            


#pata  {
         width:       auto;
         padding:     0 1em;
       }

#pata a {float:       none;
         margin:      0 1em 0 0;
        }

/* Jen nektery stranky*/

table caption
        { /*display:    table-caption;*/
        }



#datatext 
        { padding-top: 10px;
          padding-left: 1em;
          padding-right: 1em;
          width: auto;
          widht: calc(100% - 2em);
        }

} /* mobilni - konec */    

.logovani
      { 
      margin-left: 1.5em;
      } 
      
      
      
      
      
/* bubliny na pozadi */         

html, body {
  height: 100%;
  min-height: 100vh;
}


.particle {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 5vmin;
  height: 5vmin;
  border-radius: 50%;
  box-shadow: 0 3vmin 3vmin rgba(0, 0, 0, 0.3), 0 -6vmin 3vmin rgba(0, 0, 0, 0.1) inset, 0 9vmin 3vmin rgba(255, 255, 255, 0.1) inset;
  opacity: 0;
  animation: doit 5000ms infinite cubic-bezier(0.125, 0, 0.41, 0);
  animation-direction: reverse;
  z-index: -2000;
}

#particle1 {
  background: #ff846a;
  transform: translateX(-5.87785vmin) translateY(-8.09017vmin) scale(0.69098);
  animation-delay: -732ms;
}

#particle2 {
  background: #5500ff;
  transform: translateX(-49vmin) translateY(0vmin) scale(0.00049);
  animation-delay: -1610ms;
}

#particle3 {
  background: #8209ff;
  transform: translateX(-14.35686vmin) translateY(36.26128vmin) scale(0.05912);
  animation-delay: -2295ms;
}

#particle4 {
  background: #f323ff;
  transform: translateX(-10.30749vmin) translateY(26.03374vmin) scale(0.22949);
  animation-delay: -983ms;
}

#particle5 {
  background: #8209ff;
  transform: translateX(24.85954vmin) translateY(-30.05002vmin) scale(0.05912);
  animation-delay: -1445ms;
}

#particle6 {
  background: #5b01ff;
  transform: translateX(27.03812vmin) translateY(37.21478vmin) scale(0.00789);
  animation-delay: -507ms;
}

#particle7 {
  background: #5600ff;
  transform: translateX(-12.06146vmin) translateY(46.97628vmin) scale(0.00111);
  animation-delay: -828ms;
}

#particle8 {
  background: #5600ff;
  transform: translateX(33.20053vmin) translateY(35.35498vmin) scale(0.00111);
  animation-delay: -1393ms;
}

#particle9 {
  background: #ff30db;
  transform: translateX(23.246vmin) translateY(5.96856vmin) scale(0.31545);
  animation-delay: -1495ms;
}

#particle10 {
  background: #ff26ff;
  transform: translateX(23.66028vmin) translateY(13.00735vmin) scale(0.24989);
  animation-delay: -309ms;
}

#particle11 {
  background: #ff5c66;
  transform: translateX(-7.64121vmin) translateY(10.51722vmin) scale(0.60285);
  animation-delay: -562ms;
}

#particle12 {
  background: #5d02ff;
  transform: translateX(-36.81027vmin) translateY(26.74423vmin) scale(0.00998);
  animation-delay: -1919ms;
}

#particle13 {
  background: #6804ff;
  transform: translateX(31.34565vmin) translateY(29.43553vmin) scale(0.02408);
  animation-delay: -65ms;
}

#particle14 {
  background: #ff5e62;
  transform: translateX(0vmin) translateY(12.5vmin) scale(0.61732);
  animation-delay: -1940ms;
}

#particle15 {
  background: #6303ff;
  transform: translateX(38.55749vmin) translateY(-21.19716vmin) scale(0.01771);
  animation-delay: -131ms;
}

#particle16 {
  background: #b514ff;
  transform: translateX(27.10207vmin) translateY(-19.69081vmin) scale(0.13137);
  animation-delay: -2001ms;
}

#particle17 {
  background: #ff41a6;
  transform: translateX(0vmin) translateY(19.5vmin) scale(0.42499);
  animation-delay: -454ms;
}

#particle18 {
  background: #ff26ff;
  transform: translateX(27vmin) translateY(0vmin) scale(0.24989);
  animation-delay: -2241ms;
}

#particle19 {
  background: #aa12ff;
  transform: translateX(34.22796vmin) translateY(-4.324vmin) scale(0.11623);
  animation-delay: -1066ms;
}

#particle20 {
  background: #5f02ff;
  transform: translateX(-37.99476vmin) translateY(-24.11221vmin) scale(0.01231);
  animation-delay: -1688ms;
}

#particle21 {
  background: #ff517c;
  transform: translateX(-9.11067vmin) translateY(12.53976vmin) scale(0.53207);
  animation-delay: -1786ms;
}

#particle22 {
  background: #6102ff;
  transform: translateX(5.57733vmin) translateY(-44.1491vmin) scale(0.01489);
  animation-delay: -1705ms;
}

#particle23 {
  background: #7707ff;
  transform: translateX(36.6455vmin) translateY(-17.24406vmin) scale(0.04421);
  animation-delay: -130ms;
}

#particle24 {
  background: #ff3fac;
  transform: translateX(-19.84229vmin) translateY(2.50666vmin) scale(0.41221);
  animation-delay: -1467ms;
}

#particle25 {
  background: #860aff;
  transform: translateX(-11.89715vmin) translateY(-36.61568vmin) scale(0.06456);
  animation-delay: -2472ms;
}

#particle26 {
  background: #6303ff;
  transform: translateX(28.04666vmin) translateY(33.90258vmin) scale(0.01771);
  animation-delay: -2126ms;
}

#particle27 {
  background: #c518ff;
  transform: translateX(-2.0093vmin) translateY(-31.93686vmin) scale(0.15567);
  animation-delay: -1870ms;
}

#particle28 {
  background: #ff2de7;
  transform: translateX(-10.64448vmin) translateY(22.62068vmin) scale(0.29289);
  animation-delay: -293ms;
}

#particle29 {
  background: #6a04ff;
  transform: translateX(-29.09325vmin) translateY(30.98117vmin) scale(0.02763);
  animation-delay: -1890ms;
}

#particle30 {
  background: #8e0cff;
  transform: translateX(-15.96672vmin) translateY(-33.93101vmin) scale(0.07612);
  animation-delay: -849ms;
}

#particle31 {
  background: #ff2fe1;
  transform: translateX(15.61689vmin) translateY(-18.87757vmin) scale(0.30409);
  animation-delay: -859ms;
}

#particle32 {
  background: #aa12ff;
  transform: translateX(34.43192vmin) translateY(-2.16627vmin) scale(0.11623);
  animation-delay: -738ms;
}

#particle33 {
  background: #6a04ff;
  transform: translateX(41.16478vmin) translateY(-10.56932vmin) scale(0.02763);
  animation-delay: -628ms;
}

#particle34 {
  background: #d61cff;
  transform: translateX(20.87869vmin) translateY(22.23354vmin) scale(0.18185);
  animation-delay: -1114ms;
}

#particle35 {
  background: #e720ff;
  transform: translateX(12.3476vmin) translateY(26.23998vmin) scale(0.20984);
  animation-delay: -1533ms;
}

#particle36 {
  background: #7005ff;
  transform: translateX(15.27717vmin) translateY(-38.58572vmin) scale(0.03544);
  animation-delay: -1188ms;
}

#particle37 {
  background: #860aff;
  transform: translateX(-22.62973vmin) translateY(31.14715vmin) scale(0.06456);
  animation-delay: -1442ms;
}

#particle38 {
  background: #7e08ff;
  transform: translateX(7.40156vmin) translateY(38.80035vmin) scale(0.05391);
  animation-delay: -1600ms;
}

#particle39 {
  background: #ffc47f;
  transform: translateX(5.11377vmin) translateY(-2.02469vmin) scale(0.82807);
  animation-delay: -458ms;
}

#particle40 {
  background: #ca19ff;
  transform: translateX(18.51524vmin) translateY(-25.48404vmin) scale(0.16419);
  animation-delay: -429ms;
}

#particle41 {
  background: #6303ff;
  transform: translateX(-18.73429vmin) translateY(-39.81239vmin) scale(0.01771);
  animation-delay: -1371ms;
}

#particle42 {
  background: #970eff;
  transform: translateX(-11.27912vmin) translateY(34.71356vmin) scale(0.0886);
  animation-delay: -354ms;
}

#particle43 {
  background: #ff36c9;
  transform: translateX(16.40179vmin) translateY(15.40231vmin) scale(0.35055);
  animation-delay: -1411ms;
}

#particle44 {
  background: #af13ff;
  transform: translateX(-10.50658vmin) translateY(-32.33592vmin) scale(0.12369);
  animation-delay: -2003ms;
}

#particle45 {
  background: #5a01ff;
  transform: translateX(22.40155vmin) translateY(-40.74826vmin) scale(0.00604);
  animation-delay: -1416ms;
}

#particle46 {
  background: #6a04ff;
  transform: translateX(-29.09325vmin) translateY(30.98117vmin) scale(0.02763);
  animation-delay: -1570ms;
}

#particle47 {
  background: #5801ff;
  transform: translateX(25.18386vmin) translateY(-39.68341vmin) scale(0.00444);
  animation-delay: -1275ms;
}

#particle48 {
  background: #6303ff;
  transform: translateX(-18.73429vmin) translateY(39.81239vmin) scale(0.01771);
  animation-delay: -2087ms;
}

#particle49 {
  background: #ffbe7c;
  transform: translateX(-1.49214vmin) translateY(5.8115vmin) scale(0.81262);
  animation-delay: -187ms;
}

#particle50 {
  background: #8e0cff;
  transform: translateX(7.0268vmin) translateY(-36.83577vmin) scale(0.07612);
  animation-delay: -774ms;
}

#particle51 {
  background: #ff4b8b;
  transform: translateX(8.18981vmin) translateY(14.89721vmin) scale(0.49096);
  animation-delay: -1623ms;
}

#particle52 {
  background: #8e0cff;
  transform: translateX(-25.67052vmin) translateY(-27.33632vmin) scale(0.07612);
  animation-delay: -1813ms;
}

#particle53 {
  background: #ff43a1;
  transform: translateX(13.0064vmin) translateY(13.8504vmin) scale(0.43792);
  animation-delay: -681ms;
}

#particle54 {
  background: #ff28f9;
  transform: translateX(-23.97792vmin) translateY(11.28315vmin) scale(0.26037);
  animation-delay: -1682ms;
}

#particle55 {
  background: #5700ff;
  transform: translateX(44.16438vmin) translateY(-17.48592vmin) scale(0.00308);
  animation-delay: -357ms;
}

#particle56 {
  background: #5500ff;
  transform: translateX(-42.93903vmin) translateY(-23.60593vmin) scale(0.00049);
  animation-delay: -1581ms;
}

#particle57 {
  background: #5700ff;
  transform: translateX(47.14979vmin) translateY(8.9943vmin) scale(0.00197);
  animation-delay: -1777ms;
}

#particle58 {
  background: #ff41a6;
  transform: translateX(9.3942vmin) translateY(17.08798vmin) scale(0.42499);
  animation-delay: -47ms;
}

#particle59 {
  background: #5700ff;
  transform: translateX(-47.40627vmin) translateY(2.98255vmin) scale(0.00308);
  animation-delay: -1240ms;
}

#particle60 {
  background: #af13ff;
  transform: translateX(-27.50658vmin) translateY(19.9847vmin) scale(0.12369);
  animation-delay: -1769ms;
}

#particle61 {
  background: #860aff;
  transform: translateX(-11.89715vmin) translateY(-36.61568vmin) scale(0.06456);
  animation-delay: -529ms;
}

#particle62 {
  background: #ff9b71;
  transform: translateX(4.09491vmin) translateY(-7.44861vmin) scale(0.73613);
  animation-delay: -690ms;
}

#particle63 {
  background: #930dff;
  transform: translateX(-35.18909vmin) translateY(-11.43363vmin) scale(0.08225);
  animation-delay: -2347ms;
}

#particle64 {
  background: #6303ff;
  transform: translateX(-2.76278vmin) translateY(43.91318vmin) scale(0.01771);
  animation-delay: -2253ms;
}

#particle65 {
  background: #5f02ff;
  transform: translateX(-36.40576vmin) translateY(26.45034vmin) scale(0.01231);
  animation-delay: -1650ms;
}

#particle66 {
  background: #ff41a6;
  transform: translateX(19.46152vmin) translateY(-1.22442vmin) scale(0.42499);
  animation-delay: -2261ms;
}

#particle67 {
  background: #6102ff;
  transform: translateX(-8.33847vmin) translateY(-43.71178vmin) scale(0.01489);
  animation-delay: -74ms;
}

#particle68 {
  background: #7005ff;
  transform: translateX(-15.27717vmin) translateY(38.58572vmin) scale(0.03544);
  animation-delay: -1139ms;
}

#particle69 {
  background: #ff41a6;
  transform: translateX(-10.44862vmin) translateY(-16.46439vmin) scale(0.42499);
  animation-delay: -825ms;
}

#particle70 {
  background: #5600ff;
  transform: translateX(25.9876vmin) translateY(-40.9499vmin) scale(0.00111);
  animation-delay: -989ms;
}

#particle71 {
  background: #f925ff;
  transform: translateX(10.12343vmin) translateY(-25.56885vmin) scale(0.23959);
  animation-delay: -1578ms;
}

#particle72 {
  background: #5600ff;
  transform: translateX(-12.06146vmin) translateY(46.97628vmin) scale(0.00111);
  animation-delay: -124ms;
}

#particle73 {
  background: #7a07ff;
  transform: translateX(36.19308vmin) translateY(17.03117vmin) scale(0.04894);
  animation-delay: -2078ms;
}

#particle74 {
  background: #ff30db;
  transform: translateX(21.71585vmin) translateY(-10.2187vmin) scale(0.31545);
  animation-delay: -364ms;
}

#particle75 {
  background: #8209ff;
  transform: translateX(-35.28826vmin) translateY(16.60539vmin) scale(0.05912);
  animation-delay: -1963ms;
}

#particle76 {
  background: #7e08ff;
  transform: translateX(2.48023vmin) translateY(-39.42206vmin) scale(0.05391);
  animation-delay: -2041ms;
}

#particle77 {
  background: #f323ff;
  transform: translateX(22.65248vmin) translateY(16.45799vmin) scale(0.22949);
  animation-delay: -1848ms;
}

#particle78 {
  background: #ff2de7;
  transform: translateX(-24.55718vmin) translateY(-4.68453vmin) scale(0.29289);
  animation-delay: -1409ms;
}

#particle79 {
  background: #860aff;
  transform: translateX(9.57456vmin) translateY(-37.29045vmin) scale(0.06456);
  animation-delay: -1415ms;
}

#particle80 {
  background: #ff2de7;
  transform: translateX(-10.64448vmin) translateY(22.62068vmin) scale(0.29289);
  animation-delay: -2137ms;
}

#particle81 {
  background: #6d05ff;
  transform: translateX(-38.00274vmin) translateY(-17.88273vmin) scale(0.03142);
  animation-delay: -1436ms;
}

#particle82 {
  background: #bf17ff;
  transform: translateX(30.21774vmin) translateY(-11.96405vmin) scale(0.14736);
  animation-delay: -1636ms;
}

#particle83 {
  background: #db1dff;
  transform: translateX(-19.12272vmin) translateY(23.1154vmin) scale(0.19098);
  animation-delay: -1562ms;
}

#particle84 {
  background: #5700ff;
  transform: translateX(-47.12545vmin) translateY(-5.95333vmin) scale(0.00308);
  animation-delay: -308ms;
}

#particle85 {
  background: #af13ff;
  transform: translateX(-27.50658vmin) translateY(19.9847vmin) scale(0.12369);
  animation-delay: -2141ms;
}

#particle86 {
  background: #ff4b8b;
  transform: translateX(6.25812vmin) translateY(15.8062vmin) scale(0.49096);
  animation-delay: -414ms;
}

#particle87 {
  background: #6a04ff;
  transform: translateX(24.98087vmin) translateY(34.38322vmin) scale(0.02763);
  animation-delay: -778ms;
}

#particle88 {
  background: #6102ff;
  transform: translateX(-41.37505vmin) translateY(16.38154vmin) scale(0.01489);
  animation-delay: -1182ms;
}

#particle89 {
  background: #ff29f3;
  transform: translateX(26vmin) translateY(0vmin) scale(0.27103);
  animation-delay: -198ms;
}

#particle90 {
  background: #6503ff;
  transform: translateX(-43.41416vmin) translateY(-2.73139vmin) scale(0.02078);
  animation-delay: -319ms;
}

#particle91 {
  background: #ff3bb7;
  transform: translateX(-19.97219vmin) translateY(6.48936vmin) scale(0.38709);
  animation-delay: -1830ms;
}

#particle92 {
  background: #ff459b;
  transform: translateX(-3.46655vmin) translateY(18.17231vmin) scale(0.45098);
  animation-delay: -145ms;
}

#particle93 {
  background: #bf17ff;
  transform: translateX(29.40688vmin) translateY(-13.83783vmin) scale(0.14736);
  animation-delay: -642ms;
}

#particle94 {
  background: #5a01ff;
  transform: translateX(-46.13333vmin) translateY(5.828vmin) scale(0.00604);
  animation-delay: -5ms;
}

#particle95 {
  background: #ff7465;
  transform: translateX(-5.89409vmin) translateY(9.28761vmin) scale(0.66126);
  animation-delay: -964ms;
}

#particle96 {
  background: #ff586e;
  transform: translateX(13.75202vmin) translateY(-2.62334vmin) scale(0.57422);
  animation-delay: -271ms;
}

#particle97 {
  background: #5700ff;
  transform: translateX(-44.16438vmin) translateY(17.48592vmin) scale(0.00308);
  animation-delay: -2374ms;
}

#particle98 {
  background: #ff936e;
  transform: translateX(8.84059vmin) translateY(-1.68643vmin) scale(0.72101);
  animation-delay: -960ms;
}

#particle99 {
  background: #860aff;
  transform: translateX(-24.54082vmin) translateY(-29.66476vmin) scale(0.06456);
  animation-delay: -1420ms;
}

#particle100 {
  background: #5801ff;
  transform: translateX(8.80692vmin) translateY(46.1675vmin) scale(0.00444);
  animation-delay: -1897ms;
}

#particle101 {
  background: #ff7465;
  transform: translateX(-4.04937vmin) translateY(-10.22754vmin) scale(0.66126);
  animation-delay: -173ms;
}

#particle102 {
  background: #ff4d86;
  transform: translateX(-16.36989vmin) translateY(-2.068vmin) scale(0.50454);
  animation-delay: -727ms;
}

#particle103 {
  background: #930dff;
  transform: translateX(-37vmin) translateY(0vmin) scale(0.08225);
  animation-delay: -1801ms;
}

#particle104 {
  background: #f323ff;
  transform: translateX(27.12033vmin) translateY(-6.96332vmin) scale(0.22949);
  animation-delay: -342ms;
}

#particle105 {
  background: #ba15ff;
  transform: translateX(-2.07209vmin) translateY(-32.93488vmin) scale(0.13926);
  animation-delay: -552ms;
}

#particle106 {
  background: #5700ff;
  transform: translateX(-2.98255vmin) translateY(47.40627vmin) scale(0.00308);
  animation-delay: -2144ms;
}

#particle107 {
  background: #ed22ff;
  transform: translateX(5.34037vmin) translateY(27.99519vmin) scale(0.21957);
  animation-delay: -698ms;
}

#particle108 {
  background: #7707ff;
  transform: translateX(-17.24406vmin) translateY(-36.6455vmin) scale(0.04421);
  animation-delay: -1450ms;
}

#particle109 {
  background: #a511ff;
  transform: translateX(-33.28698vmin) translateY(10.81559vmin) scale(0.10899);
  animation-delay: -1334ms;
}

#particle110 {
  background: #ff3bb7;
  transform: translateX(19.00137vmin) translateY(-8.94137vmin) scale(0.38709);
  animation-delay: -201ms;
}

#particle111 {
  background: #ff4796;
  transform: translateX(-9.64488vmin) translateY(15.1979vmin) scale(0.46417);
  animation-delay: -2305ms;
}

#particle112 {
  background: #5801ff;
  transform: translateX(45.52341vmin) translateY(-11.68842vmin) scale(0.00444);
  animation-delay: -1880ms;
}

#particle113 {
  background: #5f02ff;
  transform: translateX(-21.67892vmin) translateY(39.4338vmin) scale(0.01231);
  animation-delay: -972ms;
}

#particle114 {
  background: #7306ff;
  transform: translateX(19.7519vmin) translateY(35.92857vmin) scale(0.03971);
  animation-delay: -271ms;
}

#particle115 {
  background: #7a07ff;
  transform: translateX(32.36068vmin) translateY(23.51141vmin) scale(0.04894);
  animation-delay: -950ms;
}

#particle116 {
  background: #c518ff;
  transform: translateX(7.95808vmin) translateY(-30.99466vmin) scale(0.15567);
  animation-delay: -1952ms;
}

#particle117 {
  background: #5a01ff;
  transform: translateX(-44.22413vmin) translateY(-14.36929vmin) scale(0.00604);
  animation-delay: -1941ms;
}

#particle118 {
  background: #7707ff;
  transform: translateX(-37.65595vmin) translateY(14.90904vmin) scale(0.04421);
  animation-delay: -825ms;
}

#particle119 {
  background: #6102ff;
  transform: translateX(-16.38154vmin) translateY(-41.37505vmin) scale(0.01489);
  animation-delay: -424ms;
}

#particle120 {
  background: #ff36c9;
  transform: translateX(-6.95288vmin) translateY(-21.39877vmin) scale(0.35055);
  animation-delay: -520ms;
}

#particle121 {
  background: #ff32d5;
  transform: translateX(-11.32121vmin) translateY(20.59321vmin) scale(0.32699);
  animation-delay: -608ms;
}

#particle122 {
  background: #5d02ff;
  transform: translateX(-2.85697vmin) translateY(45.41022vmin) scale(0.00998);
  animation-delay: -2404ms;
}

#particle123 {
  background: #5700ff;
  transform: translateX(-20.43741vmin) translateY(-43.4317vmin) scale(0.00197);
  animation-delay: -1837ms;
}

#particle124 {
  background: #8209ff;
  transform: translateX(28.42978vmin) translateY(-26.69734vmin) scale(0.05912);
  animation-delay: -393ms;
}

#particle125 {
  background: #6303ff;
  transform: translateX(-5.51466vmin) translateY(43.65305vmin) scale(0.01771);
  animation-delay: -1101ms;
}

#particle126 {
  background: #aa12ff;
  transform: translateX(21.99113vmin) translateY(-26.58271vmin) scale(0.11623);
  animation-delay: -885ms;
}

#particle127 {
  background: #ff37c3;
  transform: translateX(21.82652vmin) translateY(-2.75733vmin) scale(0.36258);
  animation-delay: -694ms;
}

#particle128 {
  background: #5500ff;
  transform: translateX(-49vmin) translateY(0vmin) scale(0.00049);
  animation-delay: -1617ms;
}

#particle129 {
  background: #ff30db;
  transform: translateX(3.008vmin) translateY(23.81075vmin) scale(0.31545);
  animation-delay: -879ms;
}

#particle130 {
  background: #a010ff;
  transform: translateX(2.22906vmin) translateY(35.42995vmin) scale(0.10197);
  animation-delay: -1706ms;
}

#particle131 {
  background: #f925ff;
  transform: translateX(10.12343vmin) translateY(25.56885vmin) scale(0.23959);
  animation-delay: -1463ms;
}

#particle132 {
  background: #5600ff;
  transform: translateX(46.12624vmin) translateY(14.98732vmin) scale(0.00111);
  animation-delay: -1632ms;
}

#particle133 {
  background: #8a0bff;
  transform: translateX(-34.38343vmin) translateY(-16.17961vmin) scale(0.07022);
  animation-delay: -350ms;
}

#particle134 {
  background: #8209ff;
  transform: translateX(28.42978vmin) translateY(-26.69734vmin) scale(0.05912);
  animation-delay: -2014ms;
}

#particle135 {
  background: #af13ff;
  transform: translateX(31.6124vmin) translateY(12.51623vmin) scale(0.12369);
  animation-delay: -593ms;
}

#particle136 {
  background: #d01aff;
  transform: translateX(28.04964vmin) translateY(-13.19916vmin) scale(0.17292);
  animation-delay: -570ms;
}

#particle137 {
  background: #ca19ff;
  transform: translateX(7.83373vmin) translateY(-30.51037vmin) scale(0.16419);
  animation-delay: -756ms;
}

#particle138 {
  background: #b514ff;
  transform: translateX(10.35207vmin) translateY(31.86039vmin) scale(0.13137);
  animation-delay: -237ms;
}

#particle139 {
  background: #6503ff;
  transform: translateX(-43.41416vmin) translateY(-2.73139vmin) scale(0.02078);
  animation-delay: -1345ms;
}

#particle140 {
  background: #ff4991;
  transform: translateX(-8.43069vmin) translateY(-15.33537vmin) scale(0.4775);
  animation-delay: -2108ms;
}

#particle141 {
  background: #5700ff;
  transform: translateX(2.98255vmin) translateY(-47.40627vmin) scale(0.00308);
  animation-delay: -2107ms;
}

#particle142 {
  background: #ff5e62;
  transform: translateX(-1.56667vmin) translateY(12.40143vmin) scale(0.61732);
  animation-delay: -213ms;
}

#particle143 {
  background: #5b01ff;
  transform: translateX(-19.58585vmin) translateY(41.62204vmin) scale(0.00789);
  animation-delay: -412ms;
}

#particle144 {
  background: #ca19ff;
  transform: translateX(-30.51037vmin) translateY(7.83373vmin) scale(0.16419);
  animation-delay: -1113ms;
}

#particle145 {
  background: #5801ff;
  transform: translateX(-25.18386vmin) translateY(39.68341vmin) scale(0.00444);
  animation-delay: -796ms;
}

#particle146 {
  background: #ff2fe1;
  transform: translateX(20.68603vmin) translateY(-13.12776vmin) scale(0.30409);
  animation-delay: -1935ms;
}

#particle147 {
  background: #5801ff;
  transform: translateX(44.69966vmin) translateY(-14.5238vmin) scale(0.00444);
  animation-delay: -1407ms;
}

#particle148 {
  background: #ff4796;
  transform: translateX(12.32185vmin) translateY(-13.12144vmin) scale(0.46417);
  animation-delay: -1572ms;
}

#particle149 {
  background: #6102ff;
  transform: translateX(26.15644vmin) translateY(-36.00126vmin) scale(0.01489);
  animation-delay: -1040ms;
}

#particle150 {
  background: #ff4f81;
  transform: translateX(13.50925vmin) translateY(8.57323vmin) scale(0.51825);
  animation-delay: -2139ms;
}

#particle151 {
  background: #ca19ff;
  transform: translateX(-31.25161vmin) translateY(3.948vmin) scale(0.16419);
  animation-delay: -1626ms;
}

#particle152 {
  background: #6303ff;
  transform: translateX(28.04666vmin) translateY(-33.90258vmin) scale(0.01771);
  animation-delay: -681ms;
}

#particle153 {
  background: #ff34cf;
  transform: translateX(-13.51906vmin) translateY(18.60739vmin) scale(0.33869);
  animation-delay: -458ms;
}

#particle154 {
  background: #ff36c9;
  transform: translateX(-20.91997vmin) translateY(8.2828vmin) scale(0.35055);
  animation-delay: -2400ms;
}

#particle155 {
  background: #5600ff;
  transform: translateX(6.07866vmin) translateY(-48.11756vmin) scale(0.00111);
  animation-delay: -2435ms;
}

#particle156 {
  background: #8209ff;
  transform: translateX(38.69247vmin) translateY(4.888vmin) scale(0.05912);
  animation-delay: -2354ms;
}

#particle157 {
  background: #c518ff;
  transform: translateX(-5.9962vmin) translateY(-31.43319vmin) scale(0.15567);
  animation-delay: -1188ms;
}

#particle158 {
  background: #6503ff;
  transform: translateX(18.5214vmin) translateY(39.35998vmin) scale(0.02078);
  animation-delay: -289ms;
}

#particle159 {
  background: #ff2fe1;
  transform: translateX(-3.07066vmin) translateY(24.30681vmin) scale(0.30409);
  animation-delay: -1744ms;
}

#particle160 {
  background: #af13ff;
  transform: translateX(19.9847vmin) translateY(27.50658vmin) scale(0.12369);
  animation-delay: -1640ms;
}

#particle161 {
  background: #d01aff;
  transform: translateX(-25.07953vmin) translateY(-18.22134vmin) scale(0.17292);
  animation-delay: -1720ms;
}

#particle162 {
  background: #5700ff;
  transform: translateX(23.12418vmin) translateY(42.06272vmin) scale(0.00197);
  animation-delay: -730ms;
}

#particle163 {
  background: #bf17ff;
  transform: translateX(-25.04168vmin) translateY(-20.71628vmin) scale(0.14736);
  animation-delay: -387ms;
}

#particle164 {
  background: #c518ff;
  transform: translateX(-27.01849vmin) translateY(17.14646vmin) scale(0.15567);
  animation-delay: -938ms;
}

#particle165 {
  background: #5500ff;
  transform: translateX(-40.04634vmin) translateY(-29.09537vmin) scale(0.00012);
  animation-delay: -1269ms;
}

#particle166 {
  background: #ff586e;
  transform: translateX(1.75467vmin) translateY(13.88961vmin) scale(0.57422);
  animation-delay: -1748ms;
}

#particle167 {
  background: #ffb078;
  transform: translateX(5.9103vmin) translateY(3.75079vmin) scale(0.78186);
  animation-delay: -626ms;
}

#particle168 {
  background: #8209ff;
  transform: translateX(28.42978vmin) translateY(26.69734vmin) scale(0.05912);
  animation-delay: -1093ms;
}

#particle169 {
  background: #6303ff;
  transform: translateX(-30.12007vmin) translateY(-32.07462vmin) scale(0.01771);
  animation-delay: -2081ms;
}

#particle170 {
  background: #6804ff;
  transform: translateX(40.89543vmin) translateY(13.28773vmin) scale(0.02408);
  animation-delay: -223ms;
}

#particle171 {
  background: #7005ff;
  transform: translateX(17.66984vmin) translateY(-37.55032vmin) scale(0.03544);
  animation-delay: -130ms;
}

#particle172 {
  background: #8e0cff;
  transform: translateX(-28.89425vmin) translateY(-23.9034vmin) scale(0.07612);
  animation-delay: -1992ms;
}

#particle173 {
  background: #860aff;
  transform: translateX(38.42403vmin) translateY(2.41744vmin) scale(0.06456);
  animation-delay: -977ms;
}

#particle174 {
  background: #ff32d5;
  transform: translateX(-4.40346vmin) translateY(-23.08375vmin) scale(0.32699);
  animation-delay: -1531ms;
}

#particle175 {
  background: #5801ff;
  transform: translateX(8.80692vmin) translateY(46.1675vmin) scale(0.00444);
  animation-delay: -940ms;
}

#particle176 {
  background: #bf17ff;
  transform: translateX(-4.07333vmin) translateY(-32.24373vmin) scale(0.14736);
  animation-delay: -760ms;
}

#particle177 {
  background: #d61cff;
  transform: translateX(30.43982vmin) translateY(-1.91511vmin) scale(0.18185);
  animation-delay: -1684ms;
}

#particle178 {
  background: #9c0fff;
  transform: translateX(29.12461vmin) translateY(21.16027vmin) scale(0.09517);
  animation-delay: -1570ms;
}

#particle179 {
  background: #5a01ff;
  transform: translateX(-11.56408vmin) translateY(45.03912vmin) scale(0.00604);
  animation-delay: -825ms;
}

#particle180 {
  background: #5700ff;
  transform: translateX(-17.66998vmin) translateY(44.62927vmin) scale(0.00197);
  animation-delay: -1506ms;
}

#particle181 {
  background: #6804ff;
  transform: translateX(-27.40923vmin) translateY(33.13207vmin) scale(0.02408);
  animation-delay: -1559ms;
}

#particle182 {
  background: #6303ff;
  transform: translateX(43.91318vmin) translateY(2.76278vmin) scale(0.01771);
  animation-delay: -2249ms;
}

#particle183 {
  background: #d61cff;
  transform: translateX(17.92745vmin) translateY(24.67502vmin) scale(0.18185);
  animation-delay: -1672ms;
}

#particle184 {
  background: #5d02ff;
  transform: translateX(-26.74423vmin) translateY(36.81027vmin) scale(0.00998);
  animation-delay: -633ms;
}

#particle185 {
  background: #6503ff;
  transform: translateX(-31.71014vmin) translateY(-29.7778vmin) scale(0.02078);
  animation-delay: -1610ms;
}

#particle186 {
  background: #7a07ff;
  transform: translateX(39.68459vmin) translateY(5.01333vmin) scale(0.04894);
  animation-delay: -1542ms;
}

#particle187 {
  background: #af13ff;
  transform: translateX(0vmin) translateY(34vmin) scale(0.12369);
  animation-delay: -1096ms;
}

#particle188 {
  background: #5700ff;
  transform: translateX(-41.62457vmin) translateY(22.8833vmin) scale(0.00308);
  animation-delay: -800ms;
}

#particle189 {
  background: #970eff;
  transform: translateX(-33.93684vmin) translateY(13.43655vmin) scale(0.0886);
  animation-delay: -8ms;
}

#particle190 {
  background: #ff7465;
  transform: translateX(-7.01166vmin) translateY(8.47565vmin) scale(0.66126);
  animation-delay: -2395ms;
}

#particle191 {
  background: #7306ff;
  transform: translateX(-28.06643vmin) translateY(-29.88771vmin) scale(0.03971);
  animation-delay: -2301ms;
}

#particle192 {
  background: #b514ff;
  transform: translateX(-33.23584vmin) translateY(4.19866vmin) scale(0.13137);
  animation-delay: -1478ms;
}

#particle193 {
  background: #5700ff;
  transform: translateX(27.9198vmin) translateY(-38.42831vmin) scale(0.00308);
  animation-delay: -1423ms;
}

#particle194 {
  background: #d01aff;
  transform: translateX(25.07953vmin) translateY(-18.22134vmin) scale(0.17292);
  animation-delay: -1343ms;
}

#particle195 {
  background: #ff32d5;
  transform: translateX(21.84975vmin) translateY(-8.65093vmin) scale(0.32699);
  animation-delay: -1793ms;
}

#particle196 {
  background: #ca19ff;
  transform: translateX(11.59592vmin) translateY(-29.28796vmin) scale(0.16419);
  animation-delay: -14ms;
}

#particle197 {
  background: #ff28f9;
  transform: translateX(8.18895vmin) translateY(-25.203vmin) scale(0.26037);
  animation-delay: -2222ms;
}

#particle198 {
  background: #ba15ff;
  transform: translateX(-32.41548vmin) translateY(-6.18358vmin) scale(0.13926);
  animation-delay: -1354ms;
}

#particle199 {
  background: #ff29f3;
  transform: translateX(13.9315vmin) translateY(-21.95253vmin) scale(0.27103);
  animation-delay: -519ms;
}

#particle200 {
  background: #f323ff;
  transform: translateX(-5.24668vmin) translateY(-27.50404vmin) scale(0.22949);
  animation-delay: -2064ms;
}

#particle201 {
  background: #af13ff;
  transform: translateX(23.2746vmin) translateY(24.78493vmin) scale(0.12369);
  animation-delay: -2349ms;
}

#particle202 {
  background: #e720ff;
  transform: translateX(26.96352vmin) translateY(10.67561vmin) scale(0.20984);
  animation-delay: -932ms;
}

#particle203 {
  background: #ff43a1;
  transform: translateX(-3.56024vmin) translateY(18.66346vmin) scale(0.43792);
  animation-delay: -1930ms;
}

#particle204 {
  background: #ff2de7;
  transform: translateX(19.26283vmin) translateY(15.9356vmin) scale(0.29289);
  animation-delay: -1781ms;
}

#particle205 {
  background: #ffa273;
  transform: translateX(-5.47638vmin) translateY(-5.83175vmin) scale(0.75131);
  animation-delay: -531ms;
}

#particle206 {
  background: #5d02ff;
  transform: translateX(-11.31539vmin) translateY(44.07053vmin) scale(0.00998);
  animation-delay: -482ms;
}

#particle207 {
  background: #db1dff;
  transform: translateX(-27.89329vmin) translateY(11.04374vmin) scale(0.19098);
  animation-delay: -37ms;
}

#particle208 {
  background: #7306ff;
  transform: translateX(39.71191vmin) translateY(10.19629vmin) scale(0.03971);
  animation-delay: -1264ms;
}

#particle209 {
  background: #ff586e;
  transform: translateX(-10.20556vmin) translateY(9.58366vmin) scale(0.57422);
  animation-delay: -1264ms;
}

#particle210 {
  background: #6303ff;
  transform: translateX(42.61766vmin) translateY(-10.94236vmin) scale(0.01771);
  animation-delay: -2333ms;
}

#particle211 {
  background: #9c0fff;
  transform: translateX(-35.71613vmin) translateY(-4.512vmin) scale(0.09517);
  animation-delay: -2018ms;
}

#particle212 {
  background: #970eff;
  transform: translateX(-33.93684vmin) translateY(-13.43655vmin) scale(0.0886);
  animation-delay: -649ms;
}

#particle213 {
  background: #6a04ff;
  transform: translateX(29.09325vmin) translateY(-30.98117vmin) scale(0.02763);
  animation-delay: -328ms;
}

#particle214 {
  background: #ff32d5;
  transform: translateX(2.94533vmin) translateY(23.3147vmin) scale(0.32699);
  animation-delay: -2134ms;
}

#particle215 {
  background: #ff5c66;
  transform: translateX(11.76275vmin) translateY(-5.53513vmin) scale(0.60285);
  animation-delay: -441ms;
}

#particle216 {
  background: #ff517c;
  transform: translateX(12.53976vmin) translateY(9.11067vmin) scale(0.53207);
  animation-delay: -2186ms;
}

#particle217 {
  background: #6804ff;
  transform: translateX(29.43553vmin) translateY(-31.34565vmin) scale(0.02408);
  animation-delay: -1841ms;
}

#particle218 {
  background: #ff4d86;
  transform: translateX(8.84114vmin) translateY(13.93141vmin) scale(0.50454);
  animation-delay: -377ms;
}

#particle219 {
  background: #ff5e62;
  transform: translateX(11.62221vmin) translateY(-4.60156vmin) scale(0.61732);
  animation-delay: -521ms;
}

#particle220 {
  background: #ff6c63;
  transform: translateX(11.47731vmin) translateY(-0.72209vmin) scale(0.64653);
  animation-delay: -544ms;
}

#particle221 {
  background: #9c0fff;
  transform: translateX(32.57377vmin) translateY(-15.32805vmin) scale(0.09517);
  animation-delay: -1016ms;
}

#particle222 {
  background: #b514ff;
  transform: translateX(-28.28499vmin) translateY(17.9502vmin) scale(0.13137);
  animation-delay: -2171ms;
}

#particle223 {
  background: #8a0bff;
  transform: translateX(-37.70036vmin) translateY(-4.76266vmin) scale(0.07022);
  animation-delay: -477ms;
}

#particle224 {
  background: #f323ff;
  transform: translateX(-26.62958vmin) translateY(8.65248vmin) scale(0.22949);
  animation-delay: -372ms;
}

#particle225 {
  background: #c518ff;
  transform: translateX(-29.75285vmin) translateY(-11.77999vmin) scale(0.15567);
  animation-delay: -2294ms;
}

#particle226 {
  background: #ff32d5;
  transform: translateX(-21.84975vmin) translateY(-8.65093vmin) scale(0.32699);
  animation-delay: -2458ms;
}

#particle227 {
  background: #ff3db2;
  transform: translateX(19.49666vmin) translateY(-6.33485vmin) scale(0.39958);
  animation-delay: -1657ms;
}

#particle228 {
  background: #ff32d5;
  transform: translateX(-8.65093vmin) translateY(-21.84975vmin) scale(0.32699);
  animation-delay: -935ms;
}

#particle229 {
  background: #ff846a;
  transform: translateX(-2.4869vmin) translateY(9.68583vmin) scale(0.69098);
  animation-delay: -1949ms;
}

#particle230 {
  background: #ff29f3;
  transform: translateX(20.03334vmin) translateY(16.57302vmin) scale(0.27103);
  animation-delay: -1505ms;
}

#particle231 {
  background: #ff41a6;
  transform: translateX(8.3027vmin) translateY(-17.64413vmin) scale(0.42499);
  animation-delay: -1702ms;
}

#particle232 {
  background: #f323ff;
  transform: translateX(-15.00315vmin) translateY(23.64118vmin) scale(0.22949);
  animation-delay: -2412ms;
}

#particle233 {
  background: #7306ff;
  transform: translateX(24.0992vmin) translateY(-33.1697vmin) scale(0.03971);
  animation-delay: -2400ms;
}

#particle234 {
  background: #ff8c6c;
  transform: translateX(6.9252vmin) translateY(6.5032vmin) scale(0.70596);
  animation-delay: -1231ms;
}

#particle235 {
  background: #ed22ff;
  transform: translateX(-27.60462vmin) translateY(7.08766vmin) scale(0.21957);
  animation-delay: -411ms;
}

#particle236 {
  background: #ff2de7;
  transform: translateX(3.13333vmin) translateY(24.80287vmin) scale(0.29289);
  animation-delay: -1991ms;
}

#particle237 {
  background: #a511ff;
  transform: translateX(23.95915vmin) translateY(25.5139vmin) scale(0.10899);
  animation-delay: -1229ms;
}

#particle238 {
  background: #8a0bff;
  transform: translateX(-30.74265vmin) translateY(-22.33584vmin) scale(0.07022);
  animation-delay: -9ms;
}

#particle239 {
  background: #7707ff;
  transform: translateX(5.076vmin) translateY(40.18065vmin) scale(0.04421);
  animation-delay: -230ms;
}

#particle240 {
  background: #ff846a;
  transform: translateX(-6.84547vmin) translateY(-7.28969vmin) scale(0.69098);
  animation-delay: -427ms;
}

#particle241 {
  background: #6102ff;
  transform: translateX(-36.00126vmin) translateY(-26.15644vmin) scale(0.01489);
  animation-delay: -617ms;
}

#particle242 {
  background: #ffb078;
  transform: translateX(2.57687vmin) translateY(-6.50844vmin) scale(0.78186);
  animation-delay: -1401ms;
}

#particle243 {
  background: #ff37c3;
  transform: translateX(-19.9062vmin) translateY(9.36714vmin) scale(0.36258);
  animation-delay: -197ms;
}

#particle244 {
  background: #ffb078;
  transform: translateX(5.39359vmin) translateY(-4.46197vmin) scale(0.78186);
  animation-delay: -1551ms;
}

#particle245 {
  background: #6d05ff;
  transform: translateX(12.97871vmin) translateY(-39.94437vmin) scale(0.03142);
  animation-delay: -2042ms;
}

#particle246 {
  background: #7a07ff;
  transform: translateX(0vmin) translateY(40vmin) scale(0.04894);
  animation-delay: -811ms;
}

#particle247 {
  background: #5f02ff;
  transform: translateX(-44.64516vmin) translateY(5.64vmin) scale(0.01231);
  animation-delay: -1702ms;
}

#particle248 {
  background: #6102ff;
  transform: translateX(-36.00126vmin) translateY(26.15644vmin) scale(0.01489);
  animation-delay: -1129ms;
}

#particle249 {
  background: #ff2de7;
  transform: translateX(24.21458vmin) translateY(-6.21725vmin) scale(0.29289);
  animation-delay: -742ms;
}

#particle250 {
  background: #6804ff;
  transform: translateX(-10.69367vmin) translateY(41.64908vmin) scale(0.02408);
  animation-delay: -273ms;
}

#particle251 {
  background: #ff2de7;
  transform: translateX(-7.72542vmin) translateY(-23.77641vmin) scale(0.29289);
  animation-delay: -1818ms;
}

#particle252 {
  background: #ff37c3;
  transform: translateX(-2.75733vmin) translateY(21.82652vmin) scale(0.36258);
  animation-delay: -357ms;
}

#particle253 {
  background: #5500ff;
  transform: translateX(0vmin) translateY(49vmin) scale(0.00049);
  animation-delay: -2081ms;
}

#particle254 {
  background: #6503ff;
  transform: translateX(31.71014vmin) translateY(29.7778vmin) scale(0.02078);
  animation-delay: -1729ms;
}

#particle255 {
  background: #8a0bff;
  transform: translateX(-35.33151vmin) translateY(13.98873vmin) scale(0.07022);
  animation-delay: -671ms;
}

#particle256 {
  background: #5a01ff;
  transform: translateX(-39.26125vmin) translateY(24.91595vmin) scale(0.00604);
  animation-delay: -1860ms;
}

#particle257 {
  background: #930dff;
  transform: translateX(11.43363vmin) translateY(-35.18909vmin) scale(0.08225);
  animation-delay: -1841ms;
}

#particle258 {
  background: #ff2bed;
  transform: translateX(-17.45595vmin) translateY(18.5887vmin) scale(0.28187);
  animation-delay: -502ms;
}

#particle259 {
  background: #5600ff;
  transform: translateX(47.64093vmin) translateY(9.08799vmin) scale(0.00111);
  animation-delay: -1804ms;
}

#particle260 {
  background: #af13ff;
  transform: translateX(-33.39777vmin) translateY(6.37096vmin) scale(0.12369);
  animation-delay: -1251ms;
}

#particle261 {
  background: #f925ff;
  transform: translateX(11.70893vmin) translateY(24.88274vmin) scale(0.23959);
  animation-delay: -1341ms;
}

#particle262 {
  background: #5a01ff;
  transform: translateX(-46.13333vmin) translateY(-5.828vmin) scale(0.00604);
  animation-delay: -708ms;
}

#particle263 {
  background: #ff4796;
  transform: translateX(-17.85806vmin) translateY(2.256vmin) scale(0.46417);
  animation-delay: -2472ms;
}

#particle264 {
  background: #ff34cf;
  transform: translateX(-21.8743vmin) translateY(-7.10739vmin) scale(0.33869);
  animation-delay: -1879ms;
}

#particle265 {
  background: #5700ff;
  transform: translateX(-32.85826vmin) translateY(34.99049vmin) scale(0.00197);
  animation-delay: -2412ms;
}

#particle266 {
  background: #5f02ff;
  transform: translateX(-36.40576vmin) translateY(26.45034vmin) scale(0.01231);
  animation-delay: -1007ms;
}

#particle267 {
  background: #5500ff;
  transform: translateX(47.0773vmin) translateY(15.29634vmin) scale(0.00012);
  animation-delay: -2377ms;
}

#particle268 {
  background: #6303ff;
  transform: translateX(-32.07462vmin) translateY(-30.12007vmin) scale(0.01771);
  animation-delay: -549ms;
}

#particle269 {
  background: #5a01ff;
  transform: translateX(-29.64022vmin) translateY(35.82887vmin) scale(0.00604);
  animation-delay: -1253ms;
}

#particle270 {
  background: #ff39bd;
  transform: translateX(-21.11918vmin) translateY(4.0287vmin) scale(0.37476);
  animation-delay: -572ms;
}

#particle271 {
  background: #5801ff;
  transform: translateX(-44.69966vmin) translateY(14.5238vmin) scale(0.00444);
  animation-delay: -779ms;
}

#particle272 {
  background: #5a01ff;
  transform: translateX(-19.79874vmin) translateY(-42.07446vmin) scale(0.00604);
  animation-delay: -1376ms;
}

#particle273 {
  background: #8e0cff;
  transform: translateX(36.32187vmin) translateY(-9.32587vmin) scale(0.07612);
  animation-delay: -2416ms;
}

#particle274 {
  background: #bf17ff;
  transform: translateX(11.96405vmin) translateY(30.21774vmin) scale(0.14736);
  animation-delay: -444ms;
}

#particle275 {
  background: #bf17ff;
  transform: translateX(25.04168vmin) translateY(-20.71628vmin) scale(0.14736);
  animation-delay: -616ms;
}

#particle276 {
  background: #ed22ff;
  transform: translateX(23.05698vmin) translateY(16.75188vmin) scale(0.21957);
  animation-delay: -1366ms;
}

#particle277 {
  background: #5700ff;
  transform: translateX(-5.95333vmin) translateY(47.12545vmin) scale(0.00308);
  animation-delay: -1380ms;
}

#particle278 {
  background: #aa12ff;
  transform: translateX(-31.21653vmin) translateY(14.68939vmin) scale(0.11623);
  animation-delay: -2202ms;
}

#particle279 {
  background: #6804ff;
  transform: translateX(-27.40923vmin) translateY(-33.13207vmin) scale(0.02408);
  animation-delay: -1729ms;
}

#particle280 {
  background: #6d05ff;
  transform: translateX(17.88273vmin) translateY(-38.00274vmin) scale(0.03142);
  animation-delay: -1482ms;
}

#particle281 {
  background: #8e0cff;
  transform: translateX(33.93101vmin) translateY(-15.96672vmin) scale(0.07612);
  animation-delay: -2175ms;
}

#particle282 {
  background: #5700ff;
  transform: translateX(42.97928vmin) translateY(20.22452vmin) scale(0.00308);
  animation-delay: -1201ms;
}

#particle283 {
  background: #6303ff;
  transform: translateX(-21.19716vmin) translateY(38.55749vmin) scale(0.01771);
  animation-delay: -2153ms;
}

#particle284 {
  background: #5500ff;
  transform: translateX(23.60593vmin) translateY(-42.93903vmin) scale(0.00049);
  animation-delay: -2428ms;
}

#particle285 {
  background: #ff3fac;
  transform: translateX(-3.74763vmin) translateY(19.64575vmin) scale(0.41221);
  animation-delay: -1184ms;
}

#particle286 {
  background: #ff2bed;
  transform: translateX(-18.5887vmin) translateY(-17.45595vmin) scale(0.28187);
  animation-delay: -210ms;
}

#particle287 {
  background: #970eff;
  transform: translateX(-33.02619vmin) translateY(-15.54094vmin) scale(0.0886);
  animation-delay: -1922ms;
}

#particle288 {
  background: #ff5a6a;
  transform: translateX(-4.17173vmin) translateY(-12.83926vmin) scale(0.58849);
  animation-delay: -759ms;
}

#particle289 {
  background: #aa12ff;
  transform: translateX(25.14942vmin) translateY(-23.61688vmin) scale(0.11623);
  animation-delay: -1962ms;
}

#particle290 {
  background: #ff2de7;
  transform: translateX(1.56976vmin) translateY(24.95067vmin) scale(0.29289);
  animation-delay: -423ms;
}

#particle291 {
  background: #5801ff;
  transform: translateX(41.18641vmin) translateY(-22.64242vmin) scale(0.00444);
  animation-delay: -1212ms;
}

#particle292 {
  background: #6102ff;
  transform: translateX(-2.79418vmin) translateY(44.41219vmin) scale(0.01489);
  animation-delay: -2063ms;
}

#particle293 {
  background: #5500ff;
  transform: translateX(-47.46057vmin) translateY(-12.1858vmin) scale(0.00049);
  animation-delay: -1112ms;
}

#particle294 {
  background: #7005ff;
  transform: translateX(35.03961vmin) translateY(22.23681vmin) scale(0.03544);
  animation-delay: -2081ms;
}

#particle295 {
  background: #5600ff;
  transform: translateX(45.09416vmin) translateY(-17.85404vmin) scale(0.00111);
  animation-delay: -384ms;
}

#particle296 {
  background: #7707ff;
  transform: translateX(-34.19528vmin) translateY(-21.70099vmin) scale(0.04421);
  animation-delay: -842ms;
}

#particle297 {
  background: #ca19ff;
  transform: translateX(-16.87854vmin) translateY(26.59633vmin) scale(0.16419);
  animation-delay: -1161ms;
}

#particle298 {
  background: #6503ff;
  transform: translateX(13.44224vmin) translateY(-41.37096vmin) scale(0.02078);
  animation-delay: -1709ms;
}

#particle299 {
  background: #ff29f3;
  transform: translateX(-18.95318vmin) translateY(-17.79822vmin) scale(0.27103);
  animation-delay: -646ms;
}

#particle300 {
  background: #ff3bb7;
  transform: translateX(1.3186vmin) translateY(-20.95856vmin) scale(0.38709);
  animation-delay: -1580ms;
}

#particle301 {
  background: #f925ff;
  transform: translateX(-1.72674vmin) translateY(27.44574vmin) scale(0.23959);
  animation-delay: -2089ms;
}

#particle302 {
  background: #ff4796;
  transform: translateX(13.12144vmin) translateY(12.32185vmin) scale(0.46417);
  animation-delay: -1960ms;
}

#particle303 {
  background: #ff9b71;
  transform: translateX(7.9031vmin) translateY(-3.12906vmin) scale(0.73613);
  animation-delay: -36ms;
}

#particle304 {
  background: #5600ff;
  transform: translateX(30.91506vmin) translateY(-37.36989vmin) scale(0.00111);
  animation-delay: -1809ms;
}

#particle305 {
  background: #6303ff;
  transform: translateX(-39.81239vmin) translateY(-18.73429vmin) scale(0.01771);
  animation-delay: -1919ms;
}

#particle306 {
  background: #a511ff;
  transform: translateX(14.90228vmin) translateY(31.66895vmin) scale(0.10899);
  animation-delay: -265ms;
}

#particle307 {
  background: #7306ff;
  transform: translateX(10.19629vmin) translateY(39.71191vmin) scale(0.03971);
  animation-delay: -617ms;
}

#particle308 {
  background: #6a04ff;
  transform: translateX(-40.4199vmin) translateY(-13.13322vmin) scale(0.02763);
  animation-delay: -214ms;
}

#particle309 {
  background: #5700ff;
  transform: translateX(46.0077vmin) translateY(11.81277vmin) scale(0.00308);
  animation-delay: -944ms;
}

#particle310 {
  background: #ff2bed;
  transform: translateX(25.44968vmin) translateY(-1.60116vmin) scale(0.28187);
  animation-delay: -1422ms;
}

#particle311 {
  background: #ff4796;
  transform: translateX(15.1979vmin) translateY(-9.64488vmin) scale(0.46417);
  animation-delay: -1111ms;
}

#particle312 {
  background: #ff5673;
  transform: translateX(-13.79032vmin) translateY(-4.48075vmin) scale(0.56006);
  animation-delay: -1445ms;
}

#particle313 {
  background: #7306ff;
  transform: translateX(-10.19629vmin) translateY(39.71191vmin) scale(0.03971);
  animation-delay: -1562ms;
}

#particle314 {
  background: #ff586e;
  transform: translateX(6.74455vmin) translateY(12.26829vmin) scale(0.57422);
  animation-delay: -2482ms;
}

#particle315 {
  background: #f925ff;
  transform: translateX(-21.18911vmin) translateY(-17.52916vmin) scale(0.23959);
  animation-delay: -1335ms;
}

#particle316 {
  background: #ff2de7;
  transform: translateX(7.72542vmin) translateY(-23.77641vmin) scale(0.29289);
  animation-delay: -2307ms;
}

#particle317 {
  background: #ba15ff;
  transform: translateX(-25.42694vmin) translateY(21.03499vmin) scale(0.13926);
  animation-delay: -2406ms;
}

#particle318 {
  background: #ff26ff;
  transform: translateX(-26.15175vmin) translateY(-6.71463vmin) scale(0.24989);
  animation-delay: -2061ms;
}

#particle319 {
  background: #5500ff;
  transform: translateX(6.26666vmin) translateY(-49.60574vmin) scale(0);
  animation-delay: -2168ms;
}

#particle320 {
  background: #7005ff;
  transform: translateX(38.58572vmin) translateY(-15.27717vmin) scale(0.03544);
  animation-delay: -1017ms;
}

#particle321 {
  background: #ff29f3;
  transform: translateX(-4.87191vmin) translateY(25.53947vmin) scale(0.27103);
  animation-delay: -798ms;
}

#particle322 {
  background: #ffd786;
  transform: translateX(3.87433vmin) translateY(0.99476vmin) scale(0.87467);
  animation-delay: -1409ms;
}

#particle323 {
  background: #5b01ff;
  transform: translateX(22.16067vmin) translateY(-40.31011vmin) scale(0.00789);
  animation-delay: -362ms;
}

#particle324 {
  background: #ff5478;
  transform: translateX(13.57241vmin) translateY(6.38669vmin) scale(0.54601);
  animation-delay: -379ms;
}

#particle325 {
  background: #ff2de7;
  transform: translateX(15.9356vmin) translateY(-19.26283vmin) scale(0.29289);
  animation-delay: -1030ms;
}

#particle326 {
  background: #6804ff;
  transform: translateX(-38.90756vmin) translateY(18.30851vmin) scale(0.02408);
  animation-delay: -768ms;
}

#particle327 {
  background: #970eff;
  transform: translateX(19.55768vmin) translateY(-30.81797vmin) scale(0.0886);
  animation-delay: -1370ms;
}

#particle328 {
  background: #5500ff;
  transform: translateX(44.78894vmin) translateY(-21.07607vmin) scale(0.00012);
  animation-delay: -1884ms;
}

#particle329 {
  background: #ff39bd;
  transform: translateX(14.71776vmin) translateY(15.67283vmin) scale(0.37476);
  animation-delay: -302ms;
}

#particle330 {
  background: #5700ff;
  transform: translateX(44.16438vmin) translateY(17.48592vmin) scale(0.00308);
  animation-delay: -896ms;
}

#particle331 {
  background: #5f02ff;
  transform: translateX(32.80359vmin) translateY(30.80462vmin) scale(0.01231);
  animation-delay: -1497ms;
}

#particle332 {
  background: #ff29f3;
  transform: translateX(25.18316vmin) translateY(-6.46594vmin) scale(0.27103);
  animation-delay: -2304ms;
}

#particle333 {
  background: #af13ff;
  transform: translateX(-12.51623vmin) translateY(-31.6124vmin) scale(0.12369);
  animation-delay: -312ms;
}

#particle334 {
  background: #ed22ff;
  transform: translateX(1.78953vmin) translateY(-28.44376vmin) scale(0.21957);
  animation-delay: -2238ms;
}

#particle335 {
  background: #fff192;
  transform: translateX(1.26649vmin) translateY(-0.80374vmin) scale(0.95289);
  animation-delay: -1188ms;
}

#particle336 {
  background: #d61cff;
  transform: translateX(-29.95976vmin) translateY(-5.71513vmin) scale(0.18185);
  animation-delay: -2035ms;
}

#particle337 {
  background: #7306ff;
  transform: translateX(-37.09791vmin) translateY(-17.45695vmin) scale(0.03971);
  animation-delay: -1933ms;
}

#particle338 {
  background: #5801ff;
  transform: translateX(-42.52687vmin) translateY(-20.01163vmin) scale(0.00444);
  animation-delay: -1877ms;
}

#particle339 {
  background: #6503ff;
  transform: translateX(-23.30847vmin) translateY(-36.72826vmin) scale(0.02078);
  animation-delay: -360ms;
}

#particle340 {
  background: #ba15ff;
  transform: translateX(24.05596vmin) translateY(-22.59005vmin) scale(0.13926);
  animation-delay: -2140ms;
}

#particle341 {
  background: #ff8c6c;
  transform: translateX(-3.49718vmin) translateY(8.83288vmin) scale(0.70596);
  animation-delay: -1628ms;
}

#particle342 {
  background: #6804ff;
  transform: translateX(-27.40923vmin) translateY(-33.13207vmin) scale(0.02408);
  animation-delay: -1874ms;
}

#particle343 {
  background: #a010ff;
  transform: translateX(20.86638vmin) translateY(28.7201vmin) scale(0.10197);
  animation-delay: -496ms;
}

#particle344 {
  background: #7306ff;
  transform: translateX(7.68263vmin) translateY(-40.27378vmin) scale(0.03971);
  animation-delay: -1402ms;
}

#particle345 {
  background: #5500ff;
  transform: translateX(-12.31015vmin) translateY(47.94487vmin) scale(0.00012);
  animation-delay: -1260ms;
}

#particle346 {
  background: #7e08ff;
  transform: translateX(19.02927vmin) translateY(34.61411vmin) scale(0.05391);
  animation-delay: -998ms;
}

#particle347 {
  background: #930dff;
  transform: translateX(28.50899vmin) translateY(-23.58469vmin) scale(0.08225);
  animation-delay: -1641ms;
}

#particle348 {
  background: #5500ff;
  transform: translateX(45.55905vmin) translateY(-18.0381vmin) scale(0.00049);
  animation-delay: -2042ms;
}

#particle349 {
  background: #af13ff;
  transform: translateX(16.37962vmin) translateY(29.79443vmin) scale(0.12369);
  animation-delay: -262ms;
}

#particle350 {
  background: #930dff;
  transform: translateX(-23.58469vmin) translateY(-28.50899vmin) scale(0.08225);
  animation-delay: -1007ms;
}

#particle351 {
  background: #8a0bff;
  transform: translateX(35.33151vmin) translateY(13.98873vmin) scale(0.07022);
  animation-delay: -1595ms;
}

#particle352 {
  background: #ba15ff;
  transform: translateX(28.91812vmin) translateY(-15.89787vmin) scale(0.13926);
  animation-delay: -816ms;
}

#particle353 {
  background: #ff29f3;
  transform: translateX(-25.79498vmin) translateY(3.25866vmin) scale(0.27103);
  animation-delay: -1192ms;
}

#particle354 {
  background: #ffdc88;
  transform: translateX(-2.39591vmin) translateY(2.55139vmin) scale(0.89027);
  animation-delay: -524ms;
}

#particle355 {
  background: #ff3fac;
  transform: translateX(-18.59553vmin) translateY(7.36249vmin) scale(0.41221);
  animation-delay: -2309ms;
}

#particle356 {
  background: #860aff;
  transform: translateX(-2.41744vmin) translateY(-38.42403vmin) scale(0.06456);
  animation-delay: -111ms;
}

#particle357 {
  background: #5500ff;
  transform: translateX(43.37718vmin) translateY(23.84681vmin) scale(0.00012);
  animation-delay: -1474ms;
}

#particle358 {
  background: #9c0fff;
  transform: translateX(-34.23803vmin) translateY(-11.12461vmin) scale(0.09517);
  animation-delay: -1196ms;
}

#particle359 {
  background: #e720ff;
  transform: translateX(-8.96149vmin) translateY(-27.58064vmin) scale(0.20984);
  animation-delay: -874ms;
}

#particle360 {
  background: #5700ff;
  transform: translateX(-11.81277vmin) translateY(-46.0077vmin) scale(0.00308);
  animation-delay: -591ms;
}

#particle361 {
  background: #db1dff;
  transform: translateX(1.88372vmin) translateY(29.9408vmin) scale(0.19098);
  animation-delay: -497ms;
}

#particle362 {
  background: #a511ff;
  transform: translateX(-8.70415vmin) translateY(-33.90041vmin) scale(0.10899);
  animation-delay: -138ms;
}

#particle363 {
  background: #a010ff;
  transform: translateX(-31.10889vmin) translateY(-17.10226vmin) scale(0.10197);
  animation-delay: -572ms;
}

#particle364 {
  background: #ff26ff;
  transform: translateX(24.43033vmin) translateY(11.49604vmin) scale(0.24989);
  animation-delay: -1903ms;
}

#particle365 {
  background: #6102ff;
  transform: translateX(-36.00126vmin) translateY(26.15644vmin) scale(0.01489);
  animation-delay: -2390ms;
}

#particle366 {
  background: #6102ff;
  transform: translateX(8.33847vmin) translateY(-43.71178vmin) scale(0.01489);
  animation-delay: -930ms;
}

#particle367 {
  background: #930dff;
  transform: translateX(29.93363vmin) translateY(-21.74805vmin) scale(0.08225);
  animation-delay: -1098ms;
}

#particle368 {
  background: #6a04ff;
  transform: translateX(-18.09562vmin) translateY(38.45515vmin) scale(0.02763);
  animation-delay: -1091ms;
}

#particle369 {
  background: #f925ff;
  transform: translateX(13.24823vmin) translateY(24.09843vmin) scale(0.23959);
  animation-delay: -463ms;
}

#particle370 {
  background: #930dff;
  transform: translateX(-34.40173vmin) translateY(13.62061vmin) scale(0.08225);
  animation-delay: -1193ms;
}

#particle371 {
  background: #ff4991;
  transform: translateX(-10.28624vmin) translateY(-14.1578vmin) scale(0.4775);
  animation-delay: -906ms;
}

#particle372 {
  background: #ff3bb7;
  transform: translateX(20.34025vmin) translateY(-5.22249vmin) scale(0.38709);
  animation-delay: -71ms;
}

#particle373 {
  background: #5500ff;
  transform: translateX(6.204vmin) translateY(-49.10968vmin) scale(0.00012);
  animation-delay: -1351ms;
}

#particle374 {
  background: #e720ff;
  transform: translateX(5.43406vmin) translateY(28.48633vmin) scale(0.20984);
  animation-delay: -1888ms;
}

#particle375 {
  background: #bf17ff;
  transform: translateX(-23.69148vmin) translateY(-22.24778vmin) scale(0.14736);
  animation-delay: -2075ms;
}

#particle376 {
  background: #7005ff;
  transform: translateX(-41.5vmin) translateY(0vmin) scale(0.03544);
  animation-delay: -385ms;
}

#particle377 {
  background: #ff3fac;
  transform: translateX(14.57937vmin) translateY(13.69094vmin) scale(0.41221);
  animation-delay: -2460ms;
}

#particle378 {
  background: #7005ff;
  transform: translateX(36.36673vmin) translateY(19.99278vmin) scale(0.03544);
  animation-delay: -845ms;
}

#particle379 {
  background: #7707ff;
  transform: translateX(31.20579vmin) translateY(-25.81567vmin) scale(0.04421);
  animation-delay: -937ms;
}

#particle380 {
  background: #ff4796;
  transform: translateX(15.77352vmin) translateY(8.67157vmin) scale(0.46417);
  animation-delay: -1758ms;
}

#particle381 {
  background: #860aff;
  transform: translateX(28.06529vmin) translateY(-26.35506vmin) scale(0.06456);
  animation-delay: -927ms;
}

#particle382 {
  background: #5d02ff;
  transform: translateX(35.05835vmin) translateY(29.00279vmin) scale(0.00998);
  animation-delay: -653ms;
}

#particle383 {
  background: #ff39bd;
  transform: translateX(-20.44772vmin) translateY(-6.64387vmin) scale(0.37476);
  animation-delay: -766ms;
}

#particle384 {
  background: #ff2fe1;
  transform: translateX(-1.53837vmin) translateY(24.45165vmin) scale(0.30409);
  animation-delay: -893ms;
}

#particle385 {
  background: #bf17ff;
  transform: translateX(-4.07333vmin) translateY(32.24373vmin) scale(0.14736);
  animation-delay: -228ms;
}

#particle386 {
  background: #ff459b;
  transform: translateX(17.91879vmin) translateY(4.60076vmin) scale(0.45098);
  animation-delay: -1871ms;
}

#particle387 {
  background: #ff30db;
  transform: translateX(3.008vmin) translateY(-23.81075vmin) scale(0.31545);
  animation-delay: -1136ms;
}

#particle388 {
  background: #5d02ff;
  transform: translateX(-41.16963vmin) translateY(-19.37296vmin) scale(0.00998);
  animation-delay: -1190ms;
}

#particle389 {
  background: #860aff;
  transform: translateX(4.82533vmin) translateY(38.19642vmin) scale(0.06456);
  animation-delay: -1087ms;
}

#particle390 {
  background: #5500ff;
  transform: translateX(-28.80148vmin) translateY(-39.64183vmin) scale(0.00049);
  animation-delay: -335ms;
}

#particle391 {
  background: #e720ff;
  transform: translateX(21.14009vmin) translateY(-19.85187vmin) scale(0.20984);
  animation-delay: -2384ms;
}

#particle392 {
  background: #ff28f9;
  transform: translateX(24.63908vmin) translateY(9.7553vmin) scale(0.26037);
  animation-delay: -56ms;
}

#particle393 {
  background: #5b01ff;
  transform: translateX(41.62204vmin) translateY(19.58585vmin) scale(0.00789);
  animation-delay: -826ms;
}

#particle394 {
  background: #5f02ff;
  transform: translateX(34.6731vmin) translateY(28.68408vmin) scale(0.01231);
  animation-delay: -1242ms;
}

#particle395 {
  background: #7306ff;
  transform: translateX(2.57441vmin) translateY(-40.9191vmin) scale(0.03971);
  animation-delay: -951ms;
}

#particle396 {
  background: #5b01ff;
  transform: translateX(14.21478vmin) translateY(43.7486vmin) scale(0.00789);
  animation-delay: -652ms;
}

#particle397 {
  background: #ff3db2;
  transform: translateX(-20.5vmin) translateY(0vmin) scale(0.39958);
  animation-delay: -15ms;
}

#particle398 {
  background: #6102ff;
  transform: translateX(43.10195vmin) translateY(-11.0667vmin) scale(0.01489);
  animation-delay: -1900ms;
}

#particle399 {
  background: #5a01ff;
  transform: translateX(-46.5vmin) translateY(0vmin) scale(0.00604);
  animation-delay: -872ms;
}

#particle400 {
  background: #ff28f9;
  transform: translateX(-15.57631vmin) translateY(-21.43895vmin) scale(0.26037);
  animation-delay: -1791ms;
}

#particle401 {
  background: #7306ff;
  transform: translateX(-7.68263vmin) translateY(-40.27378vmin) scale(0.03971);
  animation-delay: -2073ms;
}

#particle402 {
  background: #ff4991;
  transform: translateX(-10.28624vmin) translateY(14.1578vmin) scale(0.4775);
  animation-delay: -2346ms;
}

#particle403 {
  background: #5600ff;
  transform: translateX(48.5vmin) translateY(0vmin) scale(0.00111);
  animation-delay: -1854ms;
}

#particle404 {
  background: #bf17ff;
  transform: translateX(-23.69148vmin) translateY(22.24778vmin) scale(0.14736);
  animation-delay: -1138ms;
}

#particle405 {
  background: #aa12ff;
  transform: translateX(-33.41612vmin) translateY(-8.5798vmin) scale(0.11623);
  animation-delay: -267ms;
}

#particle406 {
  background: #860aff;
  transform: translateX(34.83584vmin) translateY(-16.3925vmin) scale(0.06456);
  animation-delay: -1692ms;
}

#particle407 {
  background: #ff5e62;
  transform: translateX(12.47533vmin) translateY(-0.78488vmin) scale(0.61732);
  animation-delay: -1832ms;
}

#particle408 {
  background: #a010ff;
  transform: translateX(-4.44933vmin) translateY(35.22007vmin) scale(0.10197);
  animation-delay: -1412ms;
}

#particle409 {
  background: #7306ff;
  transform: translateX(34.61744vmin) translateY(-21.9689vmin) scale(0.03971);
  animation-delay: -242ms;
}

#particle410 {
  background: #5b01ff;
  transform: translateX(8.61954vmin) translateY(45.18521vmin) scale(0.00789);
  animation-delay: -1355ms;
}

#particle411 {
  background: #5f02ff;
  transform: translateX(-44.64516vmin) translateY(5.64vmin) scale(0.01231);
  animation-delay: -226ms;
}

#particle412 {
  background: #5500ff;
  transform: translateX(46.60177vmin) translateY(-15.14183vmin) scale(0.00049);
  animation-delay: -1762ms;
}

#particle413 {
  background: #6a04ff;
  transform: translateX(-18.09562vmin) translateY(-38.45515vmin) scale(0.02763);
  animation-delay: -916ms;
}

#particle414 {
  background: #6102ff;
  transform: translateX(8.33847vmin) translateY(43.71178vmin) scale(0.01489);
  animation-delay: -496ms;
}

#particle415 {
  background: #9c0fff;
  transform: translateX(24.6437vmin) translateY(-26.24287vmin) scale(0.09517);
  animation-delay: -2309ms;
}

#particle416 {
  background: #ff36c9;
  transform: translateX(6.95288vmin) translateY(-21.39877vmin) scale(0.35055);
  animation-delay: -440ms;
}

#particle417 {
  background: #6a04ff;
  transform: translateX(-7.96371vmin) translateY(-41.74721vmin) scale(0.02763);
  animation-delay: -2211ms;
}

#particle418 {
  background: #5700ff;
  transform: translateX(20.43741vmin) translateY(-43.4317vmin) scale(0.00197);
  animation-delay: -1690ms;
}

#particle419 {
  background: #5801ff;
  transform: translateX(-44.69966vmin) translateY(14.5238vmin) scale(0.00444);
  animation-delay: -1793ms;
}

#particle420 {
  background: #6804ff;
  transform: translateX(-20.71541vmin) translateY(37.68119vmin) scale(0.02408);
  animation-delay: -602ms;
}

#particle421 {
  background: #6303ff;
  transform: translateX(-43.91318vmin) translateY(-2.76278vmin) scale(0.01771);
  animation-delay: -1641ms;
}

#particle422 {
  background: #db1dff;
  transform: translateX(-26.2892vmin) translateY(14.45261vmin) scale(0.19098);
  animation-delay: -311ms;
}

#particle423 {
  background: #ff7465;
  transform: translateX(10.46162vmin) translateY(3.39919vmin) scale(0.66126);
  animation-delay: -2160ms;
}

#particle424 {
  background: #a511ff;
  transform: translateX(31.66895vmin) translateY(-14.90228vmin) scale(0.10899);
  animation-delay: -1367ms;
}

#particle425 {
  background: #bf17ff;
  transform: translateX(17.41437vmin) translateY(27.44066vmin) scale(0.14736);
  animation-delay: -2365ms;
}

#particle426 {
  background: #5500ff;
  transform: translateX(0vmin) translateY(-49vmin) scale(0.00049);
  animation-delay: -1902ms;
}

#particle427 {
  background: #ff2fe1;
  transform: translateX(-1.53837vmin) translateY(-24.45165vmin) scale(0.30409);
  animation-delay: -100ms;
}

#particle428 {
  background: #6804ff;
  transform: translateX(0vmin) translateY(43vmin) scale(0.02408);
  animation-delay: -2216ms;
}

#particle429 {
  background: #5500ff;
  transform: translateX(-18.0381vmin) translateY(-45.55905vmin) scale(0.00049);
  animation-delay: -1470ms;
}

#particle430 {
  background: #6503ff;
  transform: translateX(29.7778vmin) translateY(-31.71014vmin) scale(0.02078);
  animation-delay: -796ms;
}

#particle431 {
  background: #ff28f9;
  transform: translateX(22.37469vmin) translateY(14.19941vmin) scale(0.26037);
  animation-delay: -513ms;
}

#particle432 {
  background: #5b01ff;
  transform: translateX(-45.90923vmin) translateY(-2.88836vmin) scale(0.00789);
  animation-delay: -706ms;
}

#particle433 {
  background: #ff34cf;
  transform: translateX(-11.08033vmin) translateY(20.15505vmin) scale(0.33869);
  animation-delay: -466ms;
}

#particle434 {
  background: #ff41a6;
  transform: translateX(-19.34624vmin) translateY(2.444vmin) scale(0.42499);
  animation-delay: -599ms;
}

#particle435 {
  background: #7a07ff;
  transform: translateX(14.72498vmin) translateY(-37.19106vmin) scale(0.04894);
  animation-delay: -537ms;
}

#particle436 {
  background: #5700ff;
  transform: translateX(-44.16438vmin) translateY(17.48592vmin) scale(0.00308);
  animation-delay: -761ms;
}

#particle437 {
  background: #ff30db;
  transform: translateX(-8.83499vmin) translateY(-22.31464vmin) scale(0.31545);
  animation-delay: -495ms;
}

#particle438 {
  background: #ff43a1;
  transform: translateX(-13.0064vmin) translateY(13.8504vmin) scale(0.43792);
  animation-delay: -1620ms;
}

#particle439 {
  background: #f925ff;
  transform: translateX(-27.44574vmin) translateY(1.72674vmin) scale(0.23959);
  animation-delay: -207ms;
}

#particle440 {
  background: #5b01ff;
  transform: translateX(40.31011vmin) translateY(-22.16067vmin) scale(0.00789);
  animation-delay: -730ms;
}

#particle441 {
  background: #5700ff;
  transform: translateX(-36.98464vmin) translateY(-30.59635vmin) scale(0.00197);
  animation-delay: -296ms;
}

#particle442 {
  background: #ffb77a;
  transform: translateX(6.44875vmin) translateY(-0.81467vmin) scale(0.79721);
  animation-delay: -1239ms;
}

#particle443 {
  background: #af13ff;
  transform: translateX(-2.13488vmin) translateY(-33.93291vmin) scale(0.12369);
  animation-delay: -542ms;
}

#particle444 {
  background: #b514ff;
  transform: translateX(33.4339vmin) translateY(2.10348vmin) scale(0.13137);
  animation-delay: -1379ms;
}

#particle445 {
  background: #ff39bd;
  transform: translateX(-17.39387vmin) translateY(-12.63738vmin) scale(0.37476);
  animation-delay: -297ms;
}

#particle446 {
  background: #5700ff;
  transform: translateX(45.65071vmin) translateY(-14.83282vmin) scale(0.00197);
  animation-delay: -1202ms;
}

#particle447 {
  background: #d61cff;
  transform: translateX(-20.87869vmin) translateY(22.23354vmin) scale(0.18185);
  animation-delay: -205ms;
}

#particle448 {
  background: #ff4b8b;
  transform: translateX(-8.18981vmin) translateY(-14.89721vmin) scale(0.49096);
  animation-delay: -2368ms;
}

#particle449 {
  background: #db1dff;
  transform: translateX(9.27051vmin) translateY(-28.5317vmin) scale(0.19098);
  animation-delay: -1121ms;
}

#particle450 {
  background: #ba15ff;
  transform: translateX(0vmin) translateY(33vmin) scale(0.13926);
  animation-delay: -1497ms;
}

#particle451 {
  background: #d61cff;
  transform: translateX(-5.71513vmin) translateY(-29.95976vmin) scale(0.18185);
  animation-delay: -1181ms;
}

#particle452 {
  background: #d61cff;
  transform: translateX(-30.43982vmin) translateY(-1.91511vmin) scale(0.18185);
  animation-delay: -2392ms;
}

#particle453 {
  background: #7707ff;
  transform: translateX(40.5vmin) translateY(0vmin) scale(0.04421);
  animation-delay: -746ms;
}

#particle454 {
  background: #930dff;
  transform: translateX(-13.62061vmin) translateY(-34.40173vmin) scale(0.08225);
  animation-delay: -496ms;
}

#particle455 {
  background: #8209ff;
  transform: translateX(38.3092vmin) translateY(-7.30787vmin) scale(0.05912);
  animation-delay: -121ms;
}

#particle456 {
  background: #a511ff;
  transform: translateX(-34.93094vmin) translateY(2.19767vmin) scale(0.10899);
  animation-delay: -2385ms;
}

#particle457 {
  background: #d61cff;
  transform: translateX(-14.69349vmin) translateY(26.72735vmin) scale(0.18185);
  animation-delay: -1676ms;
}

#particle458 {
  background: #e720ff;
  transform: translateX(-25.41289vmin) translateY(-13.97086vmin) scale(0.20984);
  animation-delay: -116ms;
}

#particle459 {
  background: #6303ff;
  transform: translateX(43.65305vmin) translateY(5.51466vmin) scale(0.01771);
  animation-delay: -662ms;
}

#particle460 {
  background: #ff36c9;
  transform: translateX(-16.40179vmin) translateY(15.40231vmin) scale(0.35055);
  animation-delay: -2173ms;
}

#particle461 {
  background: #ffdc88;
  transform: translateX(2.55139vmin) translateY(-2.39591vmin) scale(0.89027);
  animation-delay: -2272ms;
}

#particle462 {
  background: #af13ff;
  transform: translateX(-2.13488vmin) translateY(-33.93291vmin) scale(0.12369);
  animation-delay: -407ms;
}

#particle463 {
  background: #d01aff;
  transform: translateX(-9.57953vmin) translateY(29.48275vmin) scale(0.17292);
  animation-delay: -562ms;
}

#particle464 {
  background: #d61cff;
  transform: translateX(-9.42502vmin) translateY(-29.00722vmin) scale(0.18185);
  animation-delay: -92ms;
}

#particle465 {
  background: #b514ff;
  transform: translateX(-14.26361vmin) translateY(30.31171vmin) scale(0.13137);
  animation-delay: -2339ms;
}

#particle466 {
  background: #ff586e;
  transform: translateX(-13.88961vmin) translateY(1.75467vmin) scale(0.57422);
  animation-delay: -1538ms;
}

#particle467 {
  background: #ff6c63;
  transform: translateX(0.72209vmin) translateY(11.47731vmin) scale(0.64653);
  animation-delay: -11ms;
}

#particle468 {
  background: #a010ff;
  transform: translateX(-17.10226vmin) translateY(-31.10889vmin) scale(0.10197);
  animation-delay: -1988ms;
}

#particle469 {
  background: #db1dff;
  transform: translateX(-29.76344vmin) translateY(3.76vmin) scale(0.19098);
  animation-delay: -646ms;
}

#particle470 {
  background: #ff43a1;
  transform: translateX(6.99437vmin) translateY(-17.66575vmin) scale(0.43792);
  animation-delay: -950ms;
}

#particle471 {
  background: #f323ff;
  transform: translateX(26.03374vmin) translateY(-10.30749vmin) scale(0.22949);
  animation-delay: -1560ms;
}

#particle472 {
  background: #e11fff;
  transform: translateX(29.5vmin) translateY(0vmin) scale(0.20032);
  animation-delay: -770ms;
}

#particle473 {
  background: #ba15ff;
  transform: translateX(24.05596vmin) translateY(22.59005vmin) scale(0.13926);
  animation-delay: -287ms;
}

#particle474 {
  background: #ff586e;
  transform: translateX(-13.01687vmin) translateY(-5.15374vmin) scale(0.57422);
  animation-delay: -435ms;
}

#particle475 {
  background: #5700ff;
  transform: translateX(47.90528vmin) translateY(3.01394vmin) scale(0.00197);
  animation-delay: -1556ms;
}

#particle476 {
  background: #ff3db2;
  transform: translateX(6.33485vmin) translateY(-19.49666vmin) scale(0.39958);
  animation-delay: -739ms;
}

#particle477 {
  background: #e11fff;
  transform: translateX(-28.5732vmin) translateY(-7.33635vmin) scale(0.20032);
  animation-delay: -814ms;
}

#particle478 {
  background: #a511ff;
  transform: translateX(-25.5139vmin) translateY(-23.95915vmin) scale(0.10899);
  animation-delay: -783ms;
}

#particle479 {
  background: #8e0cff;
  transform: translateX(36.83577vmin) translateY(-7.0268vmin) scale(0.07612);
  animation-delay: -1011ms;
}

#particle480 {
  background: #ff39bd;
  transform: translateX(-21.5vmin) translateY(0vmin) scale(0.37476);
  animation-delay: -1050ms;
}

#particle481 {
  background: #7005ff;
  transform: translateX(-38.58572vmin) translateY(-15.27717vmin) scale(0.03544);
  animation-delay: -124ms;
}

#particle482 {
  background: #7a07ff;
  transform: translateX(-32.36068vmin) translateY(-23.51141vmin) scale(0.04894);
  animation-delay: -135ms;
}

#particle483 {
  background: #5b01ff;
  transform: translateX(-8.61954vmin) translateY(45.18521vmin) scale(0.00789);
  animation-delay: -2418ms;
}

#particle484 {
  background: #6a04ff;
  transform: translateX(13.13322vmin) translateY(-40.4199vmin) scale(0.02763);
  animation-delay: -94ms;
}

#particle485 {
  background: #ff3bb7;
  transform: translateX(13.3859vmin) translateY(-16.18078vmin) scale(0.38709);
  animation-delay: -998ms;
}

#particle486 {
  background: #5500ff;
  transform: translateX(42.2164vmin) translateY(-26.79134vmin) scale(0);
  animation-delay: -1682ms;
}

#particle487 {
  background: #5600ff;
  transform: translateX(-20.6503vmin) translateY(-43.88411vmin) scale(0.00111);
  animation-delay: -618ms;
}

#particle488 {
  background: #5700ff;
  transform: translateX(45.17518vmin) translateY(14.67831vmin) scale(0.00308);
  animation-delay: -1342ms;
}

#particle489 {
  background: #ff459b;
  transform: translateX(11.79234vmin) translateY(-14.25449vmin) scale(0.45098);
  animation-delay: -46ms;
}

#particle490 {
  background: #7005ff;
  transform: translateX(40.76492vmin) translateY(-7.77632vmin) scale(0.03544);
  animation-delay: -1373ms;
}

#particle491 {
  background: #a511ff;
  transform: translateX(-29.55148vmin) translateY(-18.75394vmin) scale(0.10899);
  animation-delay: -1984ms;
}

#particle492 {
  background: #6102ff;
  transform: translateX(-44.1491vmin) translateY(5.57733vmin) scale(0.01489);
  animation-delay: -173ms;
}

#particle493 {
  background: #5500ff;
  transform: translateX(3.07674vmin) translateY(-48.90331vmin) scale(0.00049);
  animation-delay: -1360ms;
}

#particle494 {
  background: #ff3db2;
  transform: translateX(20.33835vmin) translateY(-2.56933vmin) scale(0.39958);
  animation-delay: -1947ms;
}

#particle495 {
  background: #7306ff;
  transform: translateX(-38.99332vmin) translateY(-12.6697vmin) scale(0.03971);
  animation-delay: -1585ms;
}

#particle496 {
  background: #6102ff;
  transform: translateX(8.33847vmin) translateY(-43.71178vmin) scale(0.01489);
  animation-delay: -45ms;
}

#particle497 {
  background: #ff30db;
  transform: translateX(-12.85984vmin) translateY(20.26387vmin) scale(0.31545);
  animation-delay: -1196ms;
}

#particle498 {
  background: #ff846a;
  transform: translateX(0.62791vmin) translateY(9.98027vmin) scale(0.69098);
  animation-delay: -1632ms;
}

#particle499 {
  background: #ff7465;
  transform: translateX(4.04937vmin) translateY(-10.22754vmin) scale(0.66126);
  animation-delay: -93ms;
}

#particle500 {
  background: #bf17ff;
  transform: translateX(-27.44066vmin) translateY(-17.41437vmin) scale(0.14736);
  animation-delay: -1433ms;
}

#particle501 {
  background: #ed22ff;
  transform: translateX(-28.27527vmin) translateY(3.572vmin) scale(0.21957);
  animation-delay: -1195ms;
}

#particle502 {
  background: #5d02ff;
  transform: translateX(42.30483vmin) translateY(-16.74967vmin) scale(0.00998);
  animation-delay: -1512ms;
}

#particle503 {
  background: #d61cff;
  transform: translateX(19.44143vmin) translateY(23.50065vmin) scale(0.18185);
  animation-delay: -93ms;
}

#particle504 {
  background: #7e08ff;
  transform: translateX(-21.16516vmin) translateY(-33.35095vmin) scale(0.05391);
  animation-delay: -171ms;
}

#particle505 {
  background: #7306ff;
  transform: translateX(-35.92857vmin) translateY(19.7519vmin) scale(0.03971);
  animation-delay: -1581ms;
}

#particle506 {
  background: #5a01ff;
  transform: translateX(-39.26125vmin) translateY(-24.91595vmin) scale(0.00604);
  animation-delay: -548ms;
}

#particle507 {
  background: #6503ff;
  transform: translateX(16.01342vmin) translateY(-40.44528vmin) scale(0.02078);
  animation-delay: -1108ms;
}

#particle508 {
  background: #d61cff;
  transform: translateX(-26.72735vmin) translateY(14.69349vmin) scale(0.18185);
  animation-delay: -154ms;
}

#particle509 {
  background: #d01aff;
  transform: translateX(-26.17417vmin) translateY(16.61063vmin) scale(0.17292);
  animation-delay: -600ms;
}

#particle510 {
  background: #6a04ff;
  transform: translateX(-22.77264vmin) translateY(35.88394vmin) scale(0.02763);
  animation-delay: -1741ms;
}

#particle511 {
  background: #5d02ff;
  transform: translateX(-19.37296vmin) translateY(-41.16963vmin) scale(0.00998);
  animation-delay: -2110ms;
}

#particle512 {
  background: #ff26ff;
  transform: translateX(1.69534vmin) translateY(26.94672vmin) scale(0.24989);
  animation-delay: -1221ms;
}

#particle513 {
  background: #7306ff;
  transform: translateX(29.88771vmin) translateY(28.06643vmin) scale(0.03971);
  animation-delay: -1052ms;
}

#particle514 {
  background: #ff2bed;
  transform: translateX(9.38718vmin) translateY(23.7093vmin) scale(0.28187);
  animation-delay: -1060ms;
}

#particle515 {
  background: #ff8c6c;
  transform: translateX(2.36255vmin) translateY(-9.20154vmin) scale(0.70596);
  animation-delay: -3ms;
}

#particle516 {
  background: #ff26ff;
  transform: translateX(-18.48277vmin) translateY(19.68215vmin) scale(0.24989);
  animation-delay: -2122ms;
}

#particle517 {
  background: #bf17ff;
  transform: translateX(-26.29305vmin) translateY(19.10302vmin) scale(0.14736);
  animation-delay: -589ms;
}

#particle518 {
  background: #ff4796;
  transform: translateX(-13.12144vmin) translateY(12.32185vmin) scale(0.46417);
  animation-delay: -159ms;
}

#particle519 {
  background: #6804ff;
  transform: translateX(10.69367vmin) translateY(41.64908vmin) scale(0.02408);
  animation-delay: -2004ms;
}

#particle520 {
  background: #ed22ff;
  transform: translateX(-18.16658vmin) translateY(-21.95963vmin) scale(0.21957);
  animation-delay: -1336ms;
}

#particle521 {
  background: #ff30db;
  transform: translateX(-17.49525vmin) translateY(-16.42913vmin) scale(0.31545);
  animation-delay: -2394ms;
}

#particle522 {
  background: #e720ff;
  transform: translateX(12.3476vmin) translateY(26.23998vmin) scale(0.20984);
  animation-delay: -653ms;
}

#particle523 {
  background: #ff34cf;
  transform: translateX(5.71987vmin) translateY(-22.27741vmin) scale(0.33869);
  animation-delay: -894ms;
}

#particle524 {
  background: #f323ff;
  transform: translateX(27.94475vmin) translateY(1.75813vmin) scale(0.22949);
  animation-delay: -703ms;
}

#particle525 {
  background: #5f02ff;
  transform: translateX(-44.64516vmin) translateY(-5.64vmin) scale(0.01231);
  animation-delay: -1854ms;
}

#particle526 {
  background: #ff30db;
  transform: translateX(-22.82536vmin) translateY(7.41641vmin) scale(0.31545);
  animation-delay: -2121ms;
}

#particle527 {
  background: #7a07ff;
  transform: translateX(-19.27015vmin) translateY(35.05227vmin) scale(0.04894);
  animation-delay: -1325ms;
}

#particle528 {
  background: #6804ff;
  transform: translateX(27.40923vmin) translateY(33.13207vmin) scale(0.02408);
  animation-delay: -2421ms;
}

#particle529 {
  background: #5700ff;
  transform: translateX(40.52774vmin) translateY(25.71969vmin) scale(0.00197);
  animation-delay: -353ms;
}

#particle530 {
  background: #5d02ff;
  transform: translateX(-16.74967vmin) translateY(42.30483vmin) scale(0.00998);
  animation-delay: -1167ms;
}

#particle531 {
  background: #5801ff;
  transform: translateX(42.52687vmin) translateY(-20.01163vmin) scale(0.00444);
  animation-delay: -472ms;
}

#particle532 {
  background: #f925ff;
  transform: translateX(24.09843vmin) translateY(-13.24823vmin) scale(0.23959);
  animation-delay: -1906ms;
}

#particle533 {
  background: #ff29f3;
  transform: translateX(25.79498vmin) translateY(-3.25866vmin) scale(0.27103);
  animation-delay: -1583ms;
}

#particle534 {
  background: #ff2de7;
  transform: translateX(21.1082vmin) translateY(13.39567vmin) scale(0.29289);
  animation-delay: -1119ms;
}

#particle535 {
  background: #af13ff;
  transform: translateX(33.7319vmin) translateY(4.26133vmin) scale(0.12369);
  animation-delay: -2211ms;
}

#particle536 {
  background: #ff517c;
  transform: translateX(13.58275vmin) translateY(7.46718vmin) scale(0.53207);
  animation-delay: -1121ms;
}

#particle537 {
  background: #6102ff;
  transform: translateX(-44.41219vmin) translateY(-2.79418vmin) scale(0.01489);
  animation-delay: -1338ms;
}

#particle538 {
  background: #5700ff;
  transform: translateX(47.12545vmin) translateY(-5.95333vmin) scale(0.00308);
  animation-delay: -1363ms;
}

#particle539 {
  background: #5f02ff;
  transform: translateX(-13.90576vmin) translateY(42.79754vmin) scale(0.01231);
  animation-delay: -2140ms;
}

#particle540 {
  background: #ff5c66;
  transform: translateX(0.81628vmin) translateY(-12.97435vmin) scale(0.60285);
  animation-delay: -1786ms;
}

#particle541 {
  background: #6d05ff;
  transform: translateX(-26.77181vmin) translateY(32.36156vmin) scale(0.03142);
  animation-delay: -1792ms;
}

#particle542 {
  background: #5700ff;
  transform: translateX(42.06272vmin) translateY(-23.12418vmin) scale(0.00197);
  animation-delay: -2087ms;
}

#particle543 {
  background: #ff4796;
  transform: translateX(-7.66403vmin) translateY(16.28689vmin) scale(0.46417);
  animation-delay: -976ms;
}

#particle544 {
  background: #5d02ff;
  transform: translateX(38.41692vmin) translateY(-24.38012vmin) scale(0.00998);
  animation-delay: -1215ms;
}

#particle545 {
  background: #ff5e62;
  transform: translateX(-2.34227vmin) translateY(-12.27859vmin) scale(0.61732);
  animation-delay: -2166ms;
}

#particle546 {
  background: #5600ff;
  transform: translateX(-45.09416vmin) translateY(17.85404vmin) scale(0.00111);
  animation-delay: -566ms;
}

#particle547 {
  background: #6d05ff;
  transform: translateX(-30.61668vmin) translateY(-28.75098vmin) scale(0.03142);
  animation-delay: -1703ms;
}

#particle548 {
  background: #c518ff;
  transform: translateX(21.90551vmin) translateY(23.327vmin) scale(0.15567);
  animation-delay: -1235ms;
}

#particle549 {
  background: #aa12ff;
  transform: translateX(23.61688vmin) translateY(-25.14942vmin) scale(0.11623);
  animation-delay: -1208ms;
}

#particle550 {
  background: #ca19ff;
  transform: translateX(27.60366vmin) translateY(15.17524vmin) scale(0.16419);
  animation-delay: -1033ms;
}

#particle551 {
  background: #ff4d86;
  transform: translateX(-16.46744vmin) translateY(1.03604vmin) scale(0.50454);
  animation-delay: -2367ms;
}

#particle552 {
  background: #6303ff;
  transform: translateX(-23.57638vmin) translateY(37.15043vmin) scale(0.01771);
  animation-delay: -851ms;
}

#particle553 {
  background: #e11fff;
  transform: translateX(-17.33966vmin) translateY(23.866vmin) scale(0.20032);
  animation-delay: -1510ms;
}

#particle554 {
  background: #6804ff;
  transform: translateX(-8.0574vmin) translateY(42.23835vmin) scale(0.02408);
  animation-delay: -1290ms;
}

#particle555 {
  background: #5b01ff;
  transform: translateX(-11.43973vmin) translateY(44.55483vmin) scale(0.00789);
  animation-delay: -1800ms;
}

#particle556 {
  background: #860aff;
  transform: translateX(-4.82533vmin) translateY(-38.19642vmin) scale(0.06456);
  animation-delay: -1961ms;
}

#particle557 {
  background: #ff4d86;
  transform: translateX(-6.07406vmin) translateY(-15.34131vmin) scale(0.50454);
  animation-delay: -1711ms;
}

#particle558 {
  background: #8a0bff;
  transform: translateX(-36.80616vmin) translateY(-9.45022vmin) scale(0.07022);
  animation-delay: -1177ms;
}

#particle559 {
  background: #5d02ff;
  transform: translateX(19.37296vmin) translateY(41.16963vmin) scale(0.00998);
  animation-delay: -1238ms;
}

#particle560 {
  background: #ff28f9;
  transform: translateX(-26.29104vmin) translateY(-3.32133vmin) scale(0.26037);
  animation-delay: -763ms;
}

#particle561 {
  background: #ff5e62;
  transform: translateX(12.10729vmin) translateY(3.10862vmin) scale(0.61732);
  animation-delay: -339ms;
}

#particle562 {
  background: #5500ff;
  transform: translateX(49.11436vmin) translateY(9.36907vmin) scale(0);
  animation-delay: -642ms;
}

#particle563 {
  background: #6102ff;
  transform: translateX(32.4391vmin) translateY(-30.46235vmin) scale(0.01489);
  animation-delay: -311ms;
}

#particle564 {
  background: #d01aff;
  transform: translateX(0vmin) translateY(31vmin) scale(0.17292);
  animation-delay: -1822ms;
}

#particle565 {
  background: #ca19ff;
  transform: translateX(21.56323vmin) translateY(-22.96251vmin) scale(0.16419);
  animation-delay: -1265ms;
}

#particle566 {
  background: #8e0cff;
  transform: translateX(-27.33632vmin) translateY(25.67052vmin) scale(0.07612);
  animation-delay: -1862ms;
}

#particle567 {
  background: #bf17ff;
  transform: translateX(-22.24778vmin) translateY(-23.69148vmin) scale(0.14736);
  animation-delay: -731ms;
}

#particle568 {
  background: #ff2fe1;
  transform: translateX(-11.80297vmin) translateY(21.46951vmin) scale(0.30409);
  animation-delay: -1204ms;
}

#particle569 {
  background: #7e08ff;
  transform: translateX(-37.56673vmin) translateY(12.20617vmin) scale(0.05391);
  animation-delay: -2243ms;
}

#particle570 {
  background: #ff2de7;
  transform: translateX(4.68453vmin) translateY(-24.55718vmin) scale(0.29289);
  animation-delay: -1679ms;
}

#particle571 {
  background: #ff6461;
  transform: translateX(-3.7082vmin) translateY(-11.41268vmin) scale(0.63188);
  animation-delay: -311ms;
}

#particle572 {
  background: #5500ff;
  transform: translateX(18.22217vmin) translateY(-46.02394vmin) scale(0.00012);
  animation-delay: -888ms;
}

#particle573 {
  background: #ff37c3;
  transform: translateX(15.06004vmin) translateY(-16.03731vmin) scale(0.36258);
  animation-delay: -1028ms;
}

#particle574 {
  background: #5801ff;
  transform: translateX(5.89066vmin) translateY(46.62939vmin) scale(0.00444);
  animation-delay: -910ms;
}

#particle575 {
  background: #7005ff;
  transform: translateX(19.99278vmin) translateY(36.36673vmin) scale(0.03544);
  animation-delay: -21ms;
}

#particle576 {
  background: #6102ff;
  transform: translateX(-2.79418vmin) translateY(-44.41219vmin) scale(0.01489);
  animation-delay: -2393ms;
}

#particle577 {
  background: #ff29f3;
  transform: translateX(-25.18316vmin) translateY(6.46594vmin) scale(0.27103);
  animation-delay: -742ms;
}

#particle578 {
  background: #6303ff;
  transform: translateX(33.90258vmin) translateY(28.04666vmin) scale(0.01771);
  animation-delay: -1304ms;
}

#particle579 {
  background: #aa12ff;
  transform: translateX(25.14942vmin) translateY(-23.61688vmin) scale(0.11623);
  animation-delay: -1092ms;
}

#particle580 {
  background: #e11fff;
  transform: translateX(20.19414vmin) translateY(21.50457vmin) scale(0.20032);
  animation-delay: -420ms;
}

#particle581 {
  background: #ff517c;
  transform: translateX(9.88007vmin) translateY(-11.94296vmin) scale(0.53207);
  animation-delay: -50ms;
}

#particle582 {
  background: #7a07ff;
  transform: translateX(25.49696vmin) translateY(30.82053vmin) scale(0.04894);
  animation-delay: -78ms;
}

#particle583 {
  background: #ff32d5;
  transform: translateX(-21.26344vmin) translateY(-10.00581vmin) scale(0.32699);
  animation-delay: -1274ms;
}

#particle584 {
  background: #9c0fff;
  transform: translateX(13.25248vmin) translateY(-33.47195vmin) scale(0.09517);
  animation-delay: -325ms;
}

#particle585 {
  background: #ff3fac;
  transform: translateX(-18.59553vmin) translateY(-7.36249vmin) scale(0.41221);
  animation-delay: -365ms;
}

#particle586 {
  background: #6804ff;
  transform: translateX(-20.71541vmin) translateY(-37.68119vmin) scale(0.02408);
  animation-delay: -1400ms;
}

#particle587 {
  background: #5700ff;
  transform: translateX(-17.66998vmin) translateY(44.62927vmin) scale(0.00197);
  animation-delay: -219ms;
}

#particle588 {
  background: #5600ff;
  transform: translateX(9.08799vmin) translateY(47.64093vmin) scale(0.00111);
  animation-delay: -1005ms;
}

#particle589 {
  background: #ff4b8b;
  transform: translateX(-9.10906vmin) translateY(-14.35357vmin) scale(0.49096);
  animation-delay: -574ms;
}

#particle590 {
  background: #9c0fff;
  transform: translateX(32.57377vmin) translateY(15.32805vmin) scale(0.09517);
  animation-delay: -702ms;
}

#particle591 {
  background: #ffca81;
  transform: translateX(-0.62667vmin) translateY(4.96057vmin) scale(0.84357);
  animation-delay: -2439ms;
}

#particle592 {
  background: #d01aff;
  transform: translateX(-27.16551vmin) translateY(-14.93436vmin) scale(0.17292);
  animation-delay: -313ms;
}

#particle593 {
  background: #ff2fe1;
  transform: translateX(-16.7714vmin) translateY(-17.85973vmin) scale(0.30409);
  animation-delay: -1679ms;
}

#particle594 {
  background: #ed22ff;
  transform: translateX(-18.16658vmin) translateY(21.95963vmin) scale(0.21957);
  animation-delay: -1148ms;
}

#particle595 {
  background: #5a01ff;
  transform: translateX(-31.83144vmin) translateY(-33.89704vmin) scale(0.00604);
  animation-delay: -567ms;
}

#particle596 {
  background: #5700ff;
  transform: translateX(41.62457vmin) translateY(-22.8833vmin) scale(0.00308);
  animation-delay: -1815ms;
}

#particle597 {
  background: #ff28f9;
  transform: translateX(-12.76647vmin) translateY(-23.22213vmin) scale(0.26037);
  animation-delay: -2491ms;
}

#particle598 {
  background: #7005ff;
  transform: translateX(24.39309vmin) translateY(-33.57421vmin) scale(0.03544);
  animation-delay: -1581ms;
}

#particle599 {
  background: #5d02ff;
  transform: translateX(35.05835vmin) translateY(29.00279vmin) scale(0.00998);
  animation-delay: -2042ms;
}

#particle600 {
  background: #a511ff;
  transform: translateX(-20.57248vmin) translateY(-28.31559vmin) scale(0.10899);
  animation-delay: -1192ms;
}

@keyframes doit {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(0.1);
  }
}



@keyframes doit {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(0.1);
  }
}



@media only screen and (max-width: 663px) {
    .particle {
            display: none; !important;
        }

}