@-webkit-keyframes rotatebackgroundcolor {
  0% {
    background-color: rgb(230, 145, 60);
  }
  33% {
    background-color: rgb(73, 228, 65);
  }
  67% {
    background-color: rgb(130, 130, 230);
  }
  100% {
    background-color: rgb(230, 145, 60);
  }
}
@-moz-keyframes rotatebackgroundcolor {
  0% {
    background-color: rgb(230, 145, 60);
  }
  33% {
    background-color: rgb(73, 228, 65);
  }
  67% {
    background-color: rgb(130, 130, 230);
  }
  100% {
    background-color: rgb(230, 145, 60);
  }
}
@keyframes rotatebackgroundcolor {
  0% {
    background-color: rgb(230, 145, 60);
  }
  33% {
    background-color: rgb(73, 228, 65);
  }
  67% {
    background-color: rgb(130, 130, 230);
  }
  100% {
    background-color: rgb(230, 145, 60);
  }
}
@-webkit-keyframes rotatethinkcolor {
  0% {
    color: hsl(190deg, 100%, 80%);
  }
  33% {
    color: hsl(63deg, 100%, 80%);
  }
  67% {
    color: hsl(330deg, 100%, 90%);
  }
  100% {
    color: hsl(190deg, 100%, 80%);
  }
}
@-moz-keyframes rotatethinkcolor {
  0% {
    color: hsl(190deg, 100%, 80%);
  }
  33% {
    color: hsl(63deg, 100%, 80%);
  }
  67% {
    color: hsl(330deg, 100%, 90%);
  }
  100% {
    color: hsl(190deg, 100%, 80%);
  }
}
@keyframes rotatethinkcolor {
  0% {
    color: hsl(190deg, 100%, 80%);
  }
  33% {
    color: hsl(63deg, 100%, 80%);
  }
  67% {
    color: hsl(330deg, 100%, 90%);
  }
  100% {
    color: hsl(190deg, 100%, 80%);
  }
}
@-webkit-keyframes rotatecreatecolor {
  0% {
    color: hsl(63deg, 100%, 80%);
  }
  33% {
    color: hsl(330deg, 100%, 90%);
  }
  67% {
    color: hsl(190deg, 100%, 80%);
  }
  100% {
    color: hsl(63deg, 100%, 80%);
  }
}
@-moz-keyframes rotatecreatecolor {
  0% {
    color: hsl(63deg, 100%, 80%);
  }
  33% {
    color: hsl(330deg, 100%, 90%);
  }
  67% {
    color: hsl(190deg, 100%, 80%);
  }
  100% {
    color: hsl(63deg, 100%, 80%);
  }
}
@keyframes rotatecreatecolor {
  0% {
    color: hsl(63deg, 100%, 80%);
  }
  33% {
    color: hsl(330deg, 100%, 90%);
  }
  67% {
    color: hsl(190deg, 100%, 80%);
  }
  100% {
    color: hsl(63deg, 100%, 80%);
  }
}
@-webkit-keyframes rotateinspirecolor {
  0% {
    color: hsl(330deg, 100%, 90%);
  }
  33% {
    color: hsl(190deg, 100%, 80%);
  }
  67% {
    color: hsl(63deg, 100%, 80%);
  }
  100% {
    color: hsl(330deg, 100%, 90%);
  }
}
@-moz-keyframes rotateinspirecolor {
  0% {
    color: hsl(330deg, 100%, 90%);
  }
  33% {
    color: hsl(190deg, 100%, 80%);
  }
  67% {
    color: hsl(63deg, 100%, 80%);
  }
  100% {
    color: hsl(330deg, 100%, 90%);
  }
}
@keyframes rotateinspirecolor {
  0% {
    color: hsl(330deg, 100%, 90%);
  }
  33% {
    color: hsl(190deg, 100%, 80%);
  }
  67% {
    color: hsl(63deg, 100%, 80%);
  }
  100% {
    color: hsl(330deg, 100%, 90%);
  }
}
@-webkit-keyframes rotatedotcolor {
  0% {
    color: hsl(63deg, 100%, 80%);
  }
  33% {
    color: rgb(230, 145, 60);
  }
  67% {
    color: rgb(73, 228, 65);
  }
  100% {
    color: hsl(63deg, 100%, 80%);
  }
}
@-moz-keyframes rotatedotcolor {
  0% {
    color: hsl(63deg, 100%, 80%);
  }
  33% {
    color: rgb(230, 145, 60);
  }
  67% {
    color: rgb(73, 228, 65);
  }
  100% {
    color: hsl(63deg, 100%, 80%);
  }
}
@keyframes rotatedotcolor {
  0% {
    color: hsl(63deg, 100%, 80%);
  }
  33% {
    color: rgb(230, 145, 60);
  }
  67% {
    color: rgb(73, 228, 65);
  }
  100% {
    color: hsl(63deg, 100%, 80%);
  }
}
@-webkit-keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  1% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(8deg);
  }
  3% {
    transform: rotate(-8deg);
  }
  4% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(4deg);
  }
  6% {
    transform: rotate(-4deg);
  }
  7% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(2deg);
  }
  9% {
    transform: rotate(-2deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  1% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(8deg);
  }
  3% {
    transform: rotate(-8deg);
  }
  4% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(4deg);
  }
  6% {
    transform: rotate(-4deg);
  }
  7% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(2deg);
  }
  9% {
    transform: rotate(-2deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  1% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(8deg);
  }
  3% {
    transform: rotate(-8deg);
  }
  4% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(4deg);
  }
  6% {
    transform: rotate(-4deg);
  }
  7% {
    transform: rotate(0deg);
  }
  8% {
    transform: rotate(2deg);
  }
  9% {
    transform: rotate(-2deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*
@include keyframes(zoomBlock) {
	0%   {transform: scale(0.0);transform-origin: left}
	100% {transform: scale(1.0);transform-origin: left}
}
*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes glide {
  50% {
    transform: translate(0px, 10px);
  }
}
@-moz-keyframes glide {
  50% {
    transform: translate(0px, 10px);
  }
}
@keyframes glide {
  50% {
    transform: translate(0px, 10px);
  }
}
html {
  position: relative;
  height: 100%;
  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
  font-family: "Prata", serif;
  font-weight: 400;
  overflow: hidden;
}

body {
  color: white;
  background-color: rgb(230, 145, 60);
  height: 100%;
  animation: rotatebackgroundcolor 90s 3; /* animation: name, duration(seconds), repeats */
  -webkit-animation: rotatebackgroundcolor 90s 3; /* Chrome and Safari  */
}

.center {
  position: fixed;
  display: inline-block;
  top: 50%;
  left: 51%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hidden {
  visibility: hidden;
}

.container {
  animation: fadeIn 2.5s 1; /* animation: name, duration(seconds), repeats */
  -webkit-animation: fadeIn 2.5s 1; /* Chrome and Safari */
}

a {
  cursor: pointer;
}

div#mantra {
  font-family: "Prata", serif;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 3.4em;
  line-height: 0.97em;
  margin-bottom: 0.9em;
  margin-top: 0px;
  margin-left: -0.15em;
  position: relative;
}
div#mantra span#dream {
  margin-left: 0.07em;
  color: hsl(190deg, 100%, 80%);
  animation: rotatethinkcolor 90s 3; /* animation: name, duration(seconds), repeats */
  -webkit-animation: rotatethinkcolor 90s 3; /* Chrome and Safari */
}
div#mantra span#create {
  margin-left: 0.05em;
  color: hsl(63deg, 100%, 80%);
  animation: rotatecreatecolor 90s 3; /* animation: name, duration(seconds), repeats */
  -webkit-animation: rotatecreatecolor 90s 3; /* Chrome and Safari */
}
div#mantra span#inspire {
  margin-left: 0.1em;
  color: hsl(330deg, 100%, 90%);
  animation: rotateinspirecolor 90s 3; /* animation: name, duration(seconds), repeats */
  -webkit-animation: rotateinspirecolor 90s 3; /* Chrome and Safari */
}

span#name {
  font-family: "Prata", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  background-color: none;
  font-size: 1.6em;
  opacity: 0.8;
  display: inline-block;
}

#links {
  margin-left: 0.06em;
  margin-top: 0.4em;
  opacity: 1;
}
#links a {
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  opacity: 0.9;
  padding-right: 0.5em;
}
#links a:hover {
  color: #FFFFFF;
  opacity: 1;
}
#links a#contact {
  animation: wiggle 3.2s 30; /* animation-name followed by duration in seconds*/
  -webkit-animation: wiggle 3.2s 30; /* Chrome and Safari */
}

/*
@media screen and (min-width: 480px) {
}
*/

/*# sourceMappingURL=site.css.map */