body {
   margin: 0; 
   padding: 0;
   background: -webkit-linear-gradient(left, #25c481, #25b7c4);
    background: linear-gradient(to right, #25c481, #25b7c4);
    }

#splash {
   width: 100%;
   height: auto;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1;
   
   animation: moment-on 1s linear 5s;
   animation-fill-mode: forwards;
}

#wrapper {
   opacity: 0;
   animation: moment-off 0s linear 5s;
   animation-fill-mode: forwards;
   text-align: center;
   color: #555;
   border: 1px solid #aaa;
   border-radius: 10px;
   margin: 20px 20px;
   height: 450px;
   background-color: #fff;
}

h1 {
   text-shadow: 0 1.5px 0 rgba(0, 0, 0, 0.3);
}

.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}


@keyframes moment-on {
   from {opacity: 1;} 
   10% {opacity: 0.1;}
   to {opacity: 0;}
}

@keyframes moment-off {
   from {opacity: 0;} 
   to {opacity: 1;}
}