@charset "UTF-8";

.content {
	text-align: center;
	position: absolute;
    height: 100px;
    width: 400px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
}

 .site_intro {
    color: #0955d0;
	 font-size: 40px;
	font-family: 'Poiret One', verdana;
	text-transform: uppercase;
    background-image: -webkit-linear-gradient(#0955d0,#3eeaae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}