div.logo{
 background-image:url("LogoHome.svg");
 width: 144px;
 height: 128px;
 margin-top: 85vh;
 margin-left: 44vw;
 background-repeat: no-repeat;
}
#courtain{
  height:150vh;
 -webkit-animation: oopacity 2s ease-out 6s, clear 3s 6.5s;
 -webkit-animation-fill-mode:both,both;
}

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;
}
div.dotsw{
 margin-left: 44vw;
}
div.dots{
 width: 32px;
 height: 11px;
 display: inline-block;
 background-color:#c22a39;
 animation-name:color;
 animation-timing-function:ease-in;
 animation-delay:0s;
 animation-duration:6s;
 animation-fill-mode:forwards;
}

@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;} }
@keyframes color{ 0%{background-color:#ffff;} 100%{background-color:#c22a39;} }

@-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;} }
@-webkit-keyframes color{ 0%{background-color:#ffff;} 100%{background-color:#c22a39;} }

