.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeDanny {
  -webkit-animation-name: fadeDanny;
  animation-name: fadeDanny;
}

@-webkit-keyframes fadeDanny {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeDanny {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

h1, .name {
  margin-bottom: 2rem;
  margin-top: 2rem;
  font-size: 4.5rem;
  font-weight: 300;
  color: #002DB2;
  background-image: -webkit-linear-gradient(92deg,#002DB2,#4DA6FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 20s infinite linear;
}

h2, .address {
  margin-bottom: .75rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
}

p  {
  margin-bottom: 1.5rem;
}


a {
  color: inherit;
  text-decoration: none;
}

html {
  font: 100%/1.5 "Open Sans", Verdana, sans-serif;
  color: #3d464d;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  text-align: center;
  vertical-align: top;
}

  body {
    display: inline-block;
    vertical-align: top;
    max-width: 38rem;
  }
}