bye bye github

public/global/head/intro/cssAnimation.css

@@ -0,0 +1,55 @@
+/*
+#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;} }
+