body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #616161;
}

div.container {
  text-align: center;
}

div.container img {
  margin: auto;
}

hr {
  display: block;
  width: 80%;
  border: none;
  border-top: 1px solid #f1f1f1;
}

a {
  color: #00B7FF;
}

@-webkit-keyframes typing {
  from {
    width: 0;
  }
}

@-webkit-keyframes blink-caret {
  50% {
    border-color: transparent;
  }
}

img.logo {
  margin-bottom: 50px !important;
  transition: 3s;
}

img.logo-blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  transition: 3s;
}

.animated-text {
  font: bold 300% Consolas, Monaco, monospace;
  border-right: .1em solid black;
  width: 16.5em;
  width: 21ch;
  /*margin: 2em 1em;*/
  white-space: nowrap;
  overflow: hidden;
  -webkit-animation: typing 2s steps(21, end),
  blink-caret .5s step-end infinite alternate;

  text-align: center !important;
  display: block !important;
  margin: auto !important;
  color: #333333;
}