@import url(http://fonts.googleapis.com/css?family=Righteous);

html {
  background-color: ivory;
  background-image: linear-gradient(sienna 13px, transparent 13px),
                    linear-gradient(peru 13px, transparent 13px),
                    linear-gradient(orange 13px, transparent 13px),
                    linear-gradient(gold 13px, transparent 13px);
  background-size: 1px 163px, 1px 139px, 1px 97px, 1px 61px;
}

#post_cicada-css-animation {
  background-color: ivory;
  border-radius: 50px;
}

#post_cicada-css-animation h1 {
  float: none;
  padding: 22px;
  border-radius: 30px;
  font-weight: bold;
  color: black;
  text-shadow: 2px 2px 0 ivory,
               -2px -2px 0 ivory,
               2px -2px 0 ivory,
               -2px 2px 0 ivory,
               0px 2px 0 ivory,
               0px -2px 0 ivory,
               2px 0px 0 ivory,
               -2px 0px 0 ivory;
  background-image: linear-gradient(45deg, crimson 50%, transparent 50%),
                    radial-gradient(peru 43%, transparent 43%),
                    radial-gradient(orange 61%, transparent 61%);
  background-size: 89px 89px, 67px 67px, 167px 167px;
  -webkit-animation: cicada-css-animation 20s linear infinite;
  animation: cicada-css-animation 20s linear infinite;
}
@-webkit-keyframes cicada-css-animation {
  to {
    background-position: 89px 89px, -67px 67px, 167px -167px;
  }
}
@keyframes cicada-css-animation {
  to {
    background-position: 113px 113px, -67px 67px, 167px -167px;
  }
}

#post_cicada-css-animation h1,
#post_cicada-css-animation h2,
#post_cicada-css-animation h3,
#post_cicada-css-animation h4,
#post_cicada-css-animation h5,
#post_cicada-css-animation h6 {
  font-family: 'Righteous', sans-serif;
}

#post_cicada-css-animation img {
  border-radius: 15px;
}