57 lines
1.5 KiB
CSS
Executable File
57 lines
1.5 KiB
CSS
Executable File
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;} }
|
|
|