fix moz animation and other tweaks

1 files changed, 14 insertions, 13 deletions

diff --git a/css/website.css b/css/website.css
index 48ae34a..2274584 100644
--- a/css/website.css
+++ b/css/website.css
@@ -160,47 +160,42 @@ and (max-device-width: 900px)
 /* animation */
 
 @keyframes reveal2 {
-from {
-    opacity: 0;
-}
-to {
-    visibility: inherit;
-    
-}
+    from { opacity: 0; }
+    to { opacity: 1; }
 }
 
 .anim1,body {
+    opacity: 0;
     animation-delay: 0s;
-    visibility: hidden;
     animation: reveal2 .5s forwards;
     }
 
 .anim2,.content {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 300ms;
 }
 
 .anim3 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 450ms;
 }
 
 .anim4 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 600ms;
 }
 
 .anim5 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 750ms;
 }
 
 .anim6 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 900ms;
 }
@@ -214,3 +209,9 @@ to {
 .h2t {
     margin: 15px 5px;
 }
+
+hr {
+    border-color: white;
+    border: 1px solid #ffffff1f;
+    margin: 60px 0px;
+}
\ No newline at end of file