@import url("https://fonts.googleapis.com/css?family=Amatic+SC:400,700");

.pgdoll {
  position: fixed;
  z-index: 10;
  bottom:20px;
  right: 80px;
  opacity: 0.25;
}

.pgdoll img {
  max-height: 100px;
  box-shadow: 0px 0px 44px #FFE615, 0px 0px 44px #FFE615, 0px 0px 44px #FFE615, 0px 0px 44px #FFE615, 0px 0px 44px #FFE615, 0px 0px 44px #FFE615, 0px 0px 44px #FFE615;
  -webkit-animation: radioactive 3.1s infinite;
          animation: radioactive 3.1s infinite;
}

@-webkit-keyframes radioactive{
  50%{ box-shadow: 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615;
  }
}

@keyframes radioactive{
  50%{ box-shadow: 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615, 0px 0px 4px #FFE615;
  }
}

@import url("https://fonts.googleapis.com/css?family=Amatic+SC:400,700");
body {
  font-family: 'Amatic SC', sans-serif;
  font-size: 100px;
}

.test {
  -webkit-animation: squiggly-anim 0.42s linear infinite;
          animation: squiggly-anim 0.42s linear infinite;
}

body {
  background: #000;
  color: #fff;
  overflow:hidden;
  text-decoration:none;
}

a {
  color:#f3f3f3;
  text-decoration:none;
}

.testwrapper {  
  line-height: 100vh;
  padding-top:10%;
  position:relative;
}

.test {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  outline: none;
  text-align: center;
  line-height: 1;
  position:absolute;
  padding-top:5%;
}

.testanim {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  outline: none;
  text-align: center;
  line-height: 1;
  position:absolute;
  z-index:-3;
  padding-top:5%;
}

.testanim img {
  box-shadow:100px 100px 820px #00ff00, -100px 100px 820px #ff0000, 0px -100px 820px #0000ff;
 -webkit-animation: shadowpulse 2.1s infinite;
         animation: shadowpulse 2.1s infinite;
}

@-webkit-keyframes shadowpulse {
  0% {box-shadow:100px 100px 820px #00ff00, -100px 100px 820px #ff0000, 0px -100px 820px #0000ff;}
  33% {box-shadow:100px 100px 820px #0000ff, -100px 100px 820px #00ff00, 0px -100px 820px #ff0000;}
  66% {box-shadow:100px 100px 820px #ff0000, -100px 100px 820px #0000ff, 0px -100px 820px #00ff00;}
}

@keyframes shadowpulse {
  0% {box-shadow:100px 100px 820px #00ff00, -100px 100px 820px #ff0000, 0px -100px 820px #0000ff;}
  33% {box-shadow:100px 100px 820px #0000ff, -100px 100px 820px #00ff00, 0px -100px 820px #ff0000;}
  66% {box-shadow:100px 100px 820px #ff0000, -100px 100px 820px #0000ff, 0px -100px 820px #00ff00;}
}

.myfilter {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  outline: none;
  text-align: center;
  line-height: 1;
  position:absolute;
  z-index:-2;
}

.myfilter img {
    filter: blur(66.84px);
  width:779px;
  height:413px;
  opacity:.85;
}

.myfilter2 {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  outline: none;
  text-align: center;
  line-height: 1;
  position:absolute;
  z-index:-2;
}

.myfilter2 img {
    filter: blur(43.84px);
  width:498px;
  height:264px;
  opacity:.2;
}

.small {
  font-size: 0.5em;
}

.smaller {
  font-size: 0.4em;
}

p {
  margin: 0;
}
@-webkit-keyframes squiggly-anim {
  0% {
    filter: url("#squiggly-0");
  }
  25% {
    filter: url("#squiggly-1");
  }
  50% {
    filter: url("#squiggly-2");
  }
  75% {
    filter: url("#squiggly-3");
  }
  100% {
    filter: url("#squiggly-4");
  }
}
@keyframes squiggly-anim {
  0% {
    filter: url("#squiggly-0");
  }
  25% {
    filter: url("#squiggly-1");
  }
  50% {
    filter: url("#squiggly-2");
  }
  75% {
    filter: url("#squiggly-3");
  }
  100% {
    filter: url("#squiggly-4");
  }
}