.normal {mix-blend-mode: normal;}
.multiply {mix-blend-mode: multiply;}
.screen {mix-blend-mode: screen;}
.overlay {mix-blend-mode: overlay;}
.darken {mix-blend-mode: darken;}
.lighten {mix-blend-mode: lighten;}
.color-dodge {mix-blend-mode: color-dodge;}
.color-burn {mix-blend-mode: color-burn;}
.difference {mix-blend-mode: difference;}
.exclusion {mix-blend-mode: exclusion;}
.hue {mix-blend-mode: hue;}
.saturation {mix-blend-mode: saturation;}
.color {mix-blend-mode: color;}
.luminosity {mix-blend-mode: luminosity;}


html {margin: 0; margin: auto; padding:0;}

body {margin: auto; background-color: black;}

#body-content {
    width: 100%;
    margin: auto;
    z-index: 10;
    opacity: 1;

}

#content-container{
    margin: auto;
    min-width: 478px;
    height: 350px;
}

#logo-box {
    position: relative; 
    margin: auto;
    max-width: 580px;
    top: -150px;
    text-align: center;
    z-index: 5;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #logo-box {max-width: 580px;}
}
@media all and (max-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #logo-box {max-width: 580px;}
}

.logo {width: 80%;}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .logo {width: 90%;}
}
@media all and (max-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .logo {width: 90%;}
}

#fire-container{
    position: relative;
    width: 80%;
    max-width: 580px;
    height: 260px;
    margin: auto;
    overflow: hidden;
    z-index: 1;
    border-radius: 0 0 750px 750px;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #fire-container {max-width: 580px;}
  
}

#fire-container img {
    text-align: center;
    margin: auto;
}

#flicker-container {
    position: absolute;
    top: 140px;
    left: 350px;
    z-index: 1;
    opacity: 1;
}

#flicker-container-r{
    position: absolute;
    top: 140px;
    left: 355px;
    z-index: 4;
    opacity: 1;
    mix-blend-mode: screen;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #flicker-container-r {
      top: 140px;
    left: 212px;
    position: absolute;
    z-index: 4;
    opacity: 1;
    mix-blend-mode: screen;
  }
  #flicker-container-r img{
      width:60px;
  }
}
#flicker-container-y{
    position: absolute;
    top: 140px;
    left: 346px;
    z-index: 4;
    opacity: 1;
    mix-blend-mode: screen;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #flicker-container-y {
      top: 140px;
    left: 215px;
  }
  #flicker-container-y img{
      width:60px;
  }
}

#logo-glow-range {
    position: absolute;
    width: 100%;
    margin-top: -180px;
    z-index: 1;
    opacity: .43;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #logo-glow-range {width: 100%; top: 95px;}
}


.words {
    min-width: 478px;
    margin: auto;
    line-height:32px;
     display: block;
     z-index: 100;
}


#news {margin: auto; border: 0px solid #ff00ff; display: inline;}

@media all and (device-width: 320px) and (device-height: 480px) and (orientation:portrait) {
  #news {max-width: 470px; mix-blend-mode: normal;}
  
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  #news {max-width: 470px; mix-blend-mode: normal;}
  
}
 
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  #news {max-width: 500px; top: -270px; mix-blend-mode: normal;}
}

.news { margin: auto; border: 4px solid #1C2729; border-radius: 10px; height: auto; display: block;
  max-width: 400px; min-width: 320px;}

#column-foot {margin: auto; height: 150px; width: 478px; background-image: url(/images/column-foot.png); background-repeat: no-repeat; background-position: center top; opacity: 1; padding-top:10px;}

.slide-out-top {
	-webkit-animation: slide-out-top 35s linear infinite normal;
	-moz-animation: slide-out-top 35s linear infinite normal;
	        animation: slide-out-top 35s linear infinite normal;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-6-15 1:47:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1034px);
            transform: translateY(-1034px);
    opacity: 0;
  }
  
}
@keyframes slide-out-top {
 0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    -webkit-transform: translateY(-1034px);
            transform: translateY(-1034px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1034px);
            transform: translateY(-1034px);
    opacity: 0;
  }
  
}



/* ----------------------------------------------
 * Generated by Animista on 2024-6-13 16:32:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
 
 .fade-in {
	-webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	-moz-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
 0% {
    opacity: 0;
  }
  80% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}


@font-face {
	font-family: 'oswaldregular';
	src: url('css/oswaldregular.eot?#iefix') format('embedded-opentype'), 
	     url('css/oswaldregular.woff') format('woff'), 
	     url('css/oswaldregular.ttf')  format('truetype'),
	     url('css/oswaldregular.svg#svgFontName') format('svg');
	}

@font-face {
    font-family: 'oswaldregular';
    src: url('css/oswald-variablefont_wght-webfont.ttf') format('ttf'),
         url('css/oswald-variablefont_wght-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eb_garamondregular';
    src: url('css/ebgaramond-variablefont_wght-webfont.ttf') format('ttf'),
         url('css/ebgaramond-variablefont_wght-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

sup {font-size: 45%;}

  .oswald-skinny {
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  margin: auto;
  text-align: center;}
   
   .oswald-medium {
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  margin: auto;
  text-align: center;
            }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .oswald-medium  {
      font-family: "Oswald", sans-serif;
  font-size: 25px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  margin: auto;
  text-align: center;
  line-height:25px;
  }
} 
             
.eb-medium {
  font-family: "eb_garamondregular", serif;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  margin: auto;
  text-align: center;
  line-height:40px;
                }                
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .eb-medium{
    font-family: "eb_garamondregular", serif;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  margin: auto;
  text-align: center;
  line-height:20px;
  padding-top:10px;
                }   
} 

.oswald-skinny-mini {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 200;
  font-style: normal;
  color: #ffffff;
  margin: auto;
  text-align: center;
}
 @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .oswald-skinny-mini {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 200;
  font-style: normal;
  margin: auto;
  text-align: center;
}
} 

.flicker-5 {
    width: 110px;
	-webkit-animation: flicker-5 8s linear infinite both;
	-moz-animation: flicker-5 8s linear infinite both;
	        animation: flicker-5 8s linear infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-6-14 10:51:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flicker-5
 * ----------------------------------------
 */
@-webkit-keyframes flicker-5 {
  0%,
  100% {
    opacity: 1;
  }
  -0.02% {
    opacity: 1;
  }
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  1.02% {
    opacity: 1;
  }
  8.98% {
    opacity: 1;
  }
  9% {
    opacity: 0;
  }
  9.8% {
    opacity: 0;
  }
  9.82% {
    opacity: 1;
  }
  9.48% {
    opacity: 1;
  }
  9.5% {
    opacity: 1;
  }
  9.6% {
    opacity: 1;
  }
  9.62% {
    opacity: 1;
  }
  14.98% {
    opacity: 1;
  }
  15% {
    opacity: 0.5;
  }
  15.8% {
    opacity: 0.5;
  }
  15.82% {
    opacity: 1;
  }
  15.18% {
    opacity: 1;
  }
  15.2% {
    opacity: 0.7;
  }
  16% {
    opacity: 0.7;
  }
  16.02% {
    opacity: 1;
  }
  15.48% {
    opacity: 1;
  }
  15.5% {
    opacity: 0.5;
  }
  16.2% {
    opacity: 0.5;
  }
  16.22% {
    opacity: 1;
  }
  16.98% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  17.8% {
    opacity: 1;
  }
  17.82% {
    opacity: 1;
  }
  20.48% {
    opacity: 1;
  }
  20.5% {
    opacity: 0.9;
  }
  21.3% {
    opacity: 0.9;
  }
  21.32% {
    opacity: 1;
  }
  20.98% {
    opacity: 1;
  }
  21% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  22.02% {
    opacity: 1;
  }
  39.98% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  41% {
    opacity: 1;
  }
  41.02% {
    opacity: 1;
  }
  40.48% {
    opacity: 1;
  }
  40.5% {
    opacity: 0.6;
  }
  41.4% {
    opacity: 0.6;
  }
  41.42% {
    opacity: 1;
  }
  41.98% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  42.8% {
    opacity: 1;
  }
  42.82% {
    opacity: 1;
  }
  59.98% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  61% {
    opacity: 1;
  }
  61.02% {
    opacity: 1;
  }
  60.18% {
    opacity: 1;
  }
  60.2% {
    opacity: 0.2;
  }
  61% {
    opacity: 0.2;
  }
  61.02% {
    opacity: 1;
  }
  60.78% {
    opacity: 1;
  }
  60.8% {
    opacity: 0.4;
  }
  61.6% {
    opacity: 0.4;
  }
  61.62% {
    opacity: 1;
  }
  61.38% {
    opacity: 1;
  }
  61.4% {
    opacity: 0;
  }
  62.2% {
    opacity: 0;
  }
  62.22% {
    opacity: 1;
  }
  61.78% {
    opacity: 1;
  }
  61.8% {
    opacity: 1;
  }
  62.8% {
    opacity: 1;
  }
  62.82% {
    opacity: 1;
  }
  75.98% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  77% {
    opacity: 1;
  }
  77.02% {
    opacity: 1;
  }
  77.98% {
    opacity: 1;
  }
  78% {
    opacity: 0.7;
  }
  78.8% {
    opacity: 0.7;
  }
  78.82% {
    opacity: 1;
  }
  78.98% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  80.02% {
    opacity: 1;
  }
  99.98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
  101% {
    opacity: 1;
  }
  101.02% {
    opacity: 1;
  }
}
@-moz-keyframes flicker-5 {
  0%,
  100% {
    opacity: 1;
  }
  -0.02% {
    opacity: 1;
  }
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  1.02% {
    opacity: 1;
  }
  8.98% {
    opacity: 1;
  }
  9% {
    opacity: 0;
  }
  9.8% {
    opacity: 0;
  }
  9.82% {
    opacity: 1;
  }
  9.48% {
    opacity: 1;
  }
  9.5% {
    opacity: 1;
  }
  9.6% {
    opacity: 1;
  }
  9.62% {
    opacity: 1;
  }
  14.98% {
    opacity: 1;
  }
  15% {
    opacity: 0.5;
  }
  15.8% {
    opacity: 0.5;
  }
  15.82% {
    opacity: 1;
  }
  15.18% {
    opacity: 1;
  }
  15.2% {
    opacity: 0.7;
  }
  16% {
    opacity: 0.7;
  }
  16.02% {
    opacity: 1;
  }
  15.48% {
    opacity: 1;
  }
  15.5% {
    opacity: 0.5;
  }
  16.2% {
    opacity: 0.5;
  }
  16.22% {
    opacity: 1;
  }
  16.98% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  17.8% {
    opacity: 1;
  }
  17.82% {
    opacity: 1;
  }
  20.48% {
    opacity: 1;
  }
  20.5% {
    opacity: 0.9;
  }
  21.3% {
    opacity: 0.9;
  }
  21.32% {
    opacity: 1;
  }
  20.98% {
    opacity: 1;
  }
  21% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  22.02% {
    opacity: 1;
  }
  39.98% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  41% {
    opacity: 1;
  }
  41.02% {
    opacity: 1;
  }
  40.48% {
    opacity: 1;
  }
  40.5% {
    opacity: 0.6;
  }
  41.4% {
    opacity: 0.6;
  }
  41.42% {
    opacity: 1;
  }
  41.98% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  42.8% {
    opacity: 1;
  }
  42.82% {
    opacity: 1;
  }
  59.98% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  61% {
    opacity: 1;
  }
  61.02% {
    opacity: 1;
  }
  60.18% {
    opacity: 1;
  }
  60.2% {
    opacity: 0.2;
  }
  61% {
    opacity: 0.2;
  }
  61.02% {
    opacity: 1;
  }
  60.78% {
    opacity: 1;
  }
  60.8% {
    opacity: 0.4;
  }
  61.6% {
    opacity: 0.4;
  }
  61.62% {
    opacity: 1;
  }
  61.38% {
    opacity: 1;
  }
  61.4% {
    opacity: 0;
  }
  62.2% {
    opacity: 0;
  }
  62.22% {
    opacity: 1;
  }
  61.78% {
    opacity: 1;
  }
  61.8% {
    opacity: 1;
  }
  62.8% {
    opacity: 1;
  }
  62.82% {
    opacity: 1;
  }
  75.98% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  77% {
    opacity: 1;
  }
  77.02% {
    opacity: 1;
  }
  77.98% {
    opacity: 1;
  }
  78% {
    opacity: 0.7;
  }
  78.8% {
    opacity: 0.7;
  }
  78.82% {
    opacity: 1;
  }
  78.98% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  80.02% {
    opacity: 1;
  }
  99.98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
  101% {
    opacity: 1;
  }
  101.02% {
    opacity: 1;
  }
}
@keyframes flicker-5 {
  0%,
  100% {
    opacity: 1;
  }
  -0.02% {
    opacity: 1;
  }
  0% {
    opacity: 1;
  }
  1% {
    opacity: 1;
  }
  1.02% {
    opacity: 1;
  }
  8.98% {
    opacity: 1;
  }
  9% {
    opacity: 0;
  }
  9.8% {
    opacity: 0;
  }
  9.82% {
    opacity: 1;
  }
  9.48% {
    opacity: 1;
  }
  9.5% {
    opacity: 1;
  }
  9.6% {
    opacity: 1;
  }
  9.62% {
    opacity: 1;
  }
  14.98% {
    opacity: 1;
  }
  15% {
    opacity: 0.5;
  }
  15.8% {
    opacity: 0.5;
  }
  15.82% {
    opacity: 1;
  }
  15.18% {
    opacity: 1;
  }
  15.2% {
    opacity: 0.7;
  }
  16% {
    opacity: 0.7;
  }
  16.02% {
    opacity: 1;
  }
  15.48% {
    opacity: 1;
  }
  15.5% {
    opacity: 0.5;
  }
  16.2% {
    opacity: 0.5;
  }
  16.22% {
    opacity: 1;
  }
  16.98% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  17.8% {
    opacity: 1;
  }
  17.82% {
    opacity: 1;
  }
  20.48% {
    opacity: 1;
  }
  20.5% {
    opacity: 0.9;
  }
  21.3% {
    opacity: 0.9;
  }
  21.32% {
    opacity: 1;
  }
  20.98% {
    opacity: 1;
  }
  21% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  22.02% {
    opacity: 1;
  }
  39.98% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  41% {
    opacity: 1;
  }
  41.02% {
    opacity: 1;
  }
  40.48% {
    opacity: 1;
  }
  40.5% {
    opacity: 0.6;
  }
  41.4% {
    opacity: 0.6;
  }
  41.42% {
    opacity: 1;
  }
  41.98% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  42.8% {
    opacity: 1;
  }
  42.82% {
    opacity: 1;
  }
  59.98% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  61% {
    opacity: 1;
  }
  61.02% {
    opacity: 1;
  }
  60.18% {
    opacity: 1;
  }
  60.2% {
    opacity: 0.2;
  }
  61% {
    opacity: 0.2;
  }
  61.02% {
    opacity: 1;
  }
  60.78% {
    opacity: 1;
  }
  60.8% {
    opacity: 0.4;
  }
  61.6% {
    opacity: 0.4;
  }
  61.62% {
    opacity: 1;
  }
  61.38% {
    opacity: 1;
  }
  61.4% {
    opacity: 0;
  }
  62.2% {
    opacity: 0;
  }
  62.22% {
    opacity: 1;
  }
  61.78% {
    opacity: 1;
  }
  61.8% {
    opacity: 1;
  }
  62.8% {
    opacity: 1;
  }
  62.82% {
    opacity: 1;
  }
  75.98% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  77% {
    opacity: 1;
  }
  77.02% {
    opacity: 1;
  }
  77.98% {
    opacity: 1;
  }
  78% {
    opacity: 0.7;
  }
  78.8% {
    opacity: 0.7;
  }
  78.82% {
    opacity: 1;
  }
  78.98% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  80.02% {
    opacity: 1;
  }
  99.98% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
  101% {
    opacity: 1;
  }
  101.02% {
    opacity: 1;
  }
}


.pulsate-fwd {
    width: 100%;
	-webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
	-moz-animation: pulsate-fwd 0.5s ease-in-out infinite both;
	        animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-6-14 15:45:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
            transform: scale(1);
  }
}

.vibrate-3 {
	-webkit-animation: vibrate-3 0.1s linear infinite both;
	        animation: vibrate-3 0.1s linear infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-6-16 19:11:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-3
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  20% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  30% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  70% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  80% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  90% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

a {font-size: 40px; font-weight: bold; mix-blend-mode: normal;  color:#5DB4B1;
        text-decoration: none;}