/*
#ihead{
 animation-name: headIntro;
 animation-fill-mode:backwards;
 animation-timing-function:linear;
 animation-delay:4s;
 animation-duration: 3s;
}
@keyframes headIntro {
 0% { transform:scale(5,5); background-position: 30vw 30vh; } 
 70% { transform:scale(3,3); background-position:top center; }
 100% { transform:scale(1,1); }
 }
*/

#courtain{
 -webkit-animation: oopacity 2s ease-out 6s, clear 3s 6.5s;
 -webkit-animation-fill-mode:both,both;
}

/*
article.mod{
  animation-name:modIntro;
  animation-timing-function:ease-in;
  animation-delay:3s;
  animation-duration:0.5s;
  animation-fill-mode:backwards;
}
*/
section#spacer{
animation-name:nintro;
animation-timing-function:ease-in;
animation-delay:6s;
animation-duration:0s;
animation-fill-mode:backwards;

}
section.anav{
animation-name:nintro;
animation-timing-function:ease-in;
animation-delay:5s;
animation-duration:1s;
animation-fill-mode:backwards;
}

@keyframes modIntro{ 0%{opacity:0;} 100%{opacity:1;} }
@keyframes oopacity { 0%{ opacity:1; } 100%{ opacity:0; } }
@keyframes clear{ 0%{ height:150vh; } 100%{ height:0px; } }
@keyframes nintro{ 0% { position:absolute; top:-200px; } 100% { top:0px;} }

@-webkit-keyframes modIntro{ 0%{opacity:0;} 100%{opacity:1;} }
@-webkit-keyframes oopacity { 0%{ opacity:1; } 100%{ opacity:0; } }
@-webkit-keyframes clear{ 0%{ height:150vh; } 100%{ height:0px; } }
@-webkit-keyframes nintro{ 0% { position:absolute; top:-200px; } 100% { top:0px;} }