/* Header */
/* line 12, sass/animations.scss */
h1 {
  animation: devaudouh1 3s;
  -moz-animation: devaudouh1 3s;
  -webkit-animation: devaudouh1 3s;
}

@keyframes devaudouh1 {
  /* line 19, sass/animations.scss */
  0% {
    opacity: 0;
  }

  /* line 20, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

@-moz-keyframes devaudouh1 {
  /* line 24, sass/animations.scss */
  0% {
    opacity: 0;
  }

  /* line 25, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes devaudouh1 {
  /* line 29, sass/animations.scss */
  0% {
    opacity: 0;
  }

  /* line 30, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

/* line 33, sass/animations.scss */
h2 {
  animation: devaudouH2 3s;
  -moz-animation: devaudouH2 3s;
  -webkit-animation: devaudouH2 3s;
}

@keyframes devaudouH2 {
  /* line 40, sass/animations.scss */
  0% {
    opacity: 0;
  }

  /* line 41, sass/animations.scss */
  50% {
    opacity: 0;
  }

  /* line 42, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

@-moz-keyframes devaudouH2 {
  /* line 46, sass/animations.scss */
  0% {
    opacity: 0;
  }

  /* line 47, sass/animations.scss */
  50% {
    opacity: 0;
  }

  /* line 48, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes devaudouH2 {
  /* line 52, sass/animations.scss */
  0% {
    opacity: 0;
  }

  /* line 53, sass/animations.scss */
  50% {
    opacity: 0;
  }

  /* line 54, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

/* line 59, sass/animations.scss */
.mask {
  animation: headFromTop 1s;
  -moz-animation: headFromTop 1s;
  -webkit-animation: headFromTop 1s;
}

@keyframes headFromTop {
  /* line 66, sass/animations.scss */
  0% {
    top: -400px;
  }

  /* line 67, sass/animations.scss */
  55% {
    top: 10px;
  }

  /* line 68, sass/animations.scss */
  100% {
    top: -350px;
  }
}

@-moz-keyframes headFromTop {
  /* line 72, sass/animations.scss */
  0% {
    top: -400px;
  }

  /* line 73, sass/animations.scss */
  55% {
    top: 10px;
  }

  /* line 74, sass/animations.scss */
  100% {
    top: -350px;
  }
}

@-webkit-keyframes headFromTop {
  /* line 78, sass/animations.scss */
  0% {
    top: -100px;
  }

  /* line 79, sass/animations.scss */
  55% {
    top: 50px;
  }
}

/* line 83, sass/animations.scss */
.thunder {
  -webkit-animation: lightThunderAnimation 7s infinite linear;
  -moz-animation: lightThunderAnimation 7s infinite linear;
  animation: lightThunderAnimation 7s infinite linear;
}

@keyframes lightThunderAnimation {
  /* line 90, sass/animations.scss */
  99% {
    opacity: 0;
  }

  /* line 91, sass/animations.scss */
  98% {
    opacity: 0;
  }

  /* line 92, sass/animations.scss */
  99% {
    opacity: .5;
  }
}

@-moz-keyframes lightThunderAnimation {
  /* line 96, sass/animations.scss */
  99% {
    opacity: 0;
  }

  /* line 97, sass/animations.scss */
  98% {
    opacity: 0;
  }

  /* line 98, sass/animations.scss */
  99% {
    opacity: .5;
  }
}

@-webkit-keyframes lightThunderAnimation {
  /* line 102, sass/animations.scss */
  99% {
    opacity: 0;
  }

  /* line 103, sass/animations.scss */
  98% {
    opacity: 0;
  }

  /* line 104, sass/animations.scss */
  99% {
    opacity: .5;
  }
}

/* Content */
/* line 110, sass/animations.scss */
.userfbLeft, .userfbRight {
  -webkit-animation: userfbFlickr 10s infinite linear;
  -moz-animation: userfbFlickr 10s infinite linear;
  animation: userfbFlickr 10s infinite linear;
}

@keyframes userfbFlickr {
  /* line 117, sass/animations.scss */
  from {
    opacity: 0;
  }

  /* line 118, sass/animations.scss */
  50% {
    opacity: .50;
  }

  /* line 119, sass/animations.scss */
  to {
    opacity: 0;
  }
}

@-moz-keyframes userfbFlickr {
  /* line 123, sass/animations.scss */
  from {
    opacity: 0;
  }

  /* line 124, sass/animations.scss */
  50% {
    opacity: .50;
  }

  /* line 125, sass/animations.scss */
  to {
    opacity: 0;
  }
}

@-webkit-keyframes userfbFlickr {
  /* line 129, sass/animations.scss */
  from {
    opacity: 0;
  }

  /* line 130, sass/animations.scss */
  50% {
    opacity: .50;
  }

  /* line 131, sass/animations.scss */
  to {
    opacity: 0;
  }
}

/* line 134, sass/animations.scss */
#content {
  -webkit-animation: contentFadeIn 2s ease-out;
  -moz-animation: contentFadeIn 2s ease-out;
  animation: contentFadeIn 2s ease-out;
}

@keyframes contentFadeIn {
  /* line 141, sass/animations.scss */
  0% {
    opacity: 0;
    bottom: 25px;
  }

  /* line 142, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

@-moz-keyframes contentFadeIn {
  /* line 146, sass/animations.scss */
  0% {
    opacity: 0;
    bottom: 25px;
  }

  /* line 147, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes contentFadeIn {
  /* line 151, sass/animations.scss */
  0% {
    opacity: 0;
    bottom: 25px;
  }

  /* line 152, sass/animations.scss */
  100% {
    opacity: 1;
  }
}

/* Footer */
/* Background */