html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  font-family: Open Sans,Arial;
  color: #d4d4d4;
  background-color: #252422;
  font-size: 16px;
  margin: 1em auto;
  max-width: 48em;
  padding: 1em;
  line-height: 1.4;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: center;
  height: 100%;
  width: 100%;
}

li {
  margin-top: 1em;
  list-style-type: none;
}

a {
  color:#00a2e7
}

a:visited {
  color:#ca1a70;
}

.blog-post-date {
 margin: 0;
 padding: 0;
}

#blog-title {
  margin-bottom: 0;
}


/* Magic frog pool CSS lives here */
#frog-pool-container {
  z-index: -1;
  position: absolute;
  bottom: 0%;
  left: 0%;
  /*transform: translate(-50%, -50%);*/
  transform: rotate(0deg);
  background: rgb(37,36,34);
  background: linear-gradient(-20deg, rgba(37,36,34,1) 25%, rgba(62,34,143,1) 60%, rgba(39,171,198,1) 95%); 
  height: 100%;
  width: 100%;
  background-color: blue;
  overflow: hidden;
}

.frog-pool-water {
}

.frog-pool-emoji {
}