body {
  margin: 0px; }

#ad {
  display: block;
  overflow: hidden;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#banner {
  position: absolute;
  display: block;
  overflow: hidden;
  cursor: pointer; }

#ad {
  background: #46166B; }

.slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

#text-1 {
  z-index: 1;
  animation: textAnimation 4s ease-in-out 0s; }

#text-2 {
  z-index: 2;
  animation: textAnimation 5s ease-in-out 4s; }

#image-1 {
  z-index: 1;
  animation: slideIn 3.5s ease-in-out .5s; }

#image-2 {
  z-index: 1;
  animation: slideIn 3.5s ease-in-out 5.5s; }

#text-3 {
  z-index: 3;
  animation: slideInStop 6s ease-in-out 9s;
  animation-fill-mode: forwards; }

#footer {
  z-index: 5;
  opacity: 1; }

@keyframes textAnimation {
  0%, 100% {
    opacity: 0; }
  10%, 90% {
    opacity: 1; } }

@keyframes slideIn {
  0%, 100% {
    opacity: 0; }
  0% {
    top: 10%; }
  10%, 90% {
    opacity: 1;
    top: 0; }
  100% {
    top: 0;
    opacity: 0; } }

@keyframes slideInStop {
  0% {
    top: 10%;
    opacity: 0; }
  10%, 100% {
    opacity: 1;
    top: 0; } }