Homepage load animations 2.

1 files changed, 7 insertions, 1 deletions

diff --git a/app/static/styles/home.css b/app/static/styles/home.css
index f4ba121..290909f 100644
--- a/app/static/styles/home.css
+++ b/app/static/styles/home.css
@@ -5,6 +5,8 @@
     position: absolute;
     left: 0;
     background: var(--yes);
+    animation-name: squeeze-refresh;
+    animation-duration: var(--med-speed);
 }
 .tab-yes:hover ~ .feed-post {
     left: 6%;
@@ -17,6 +19,8 @@
     position: absolute;
     right: 0;
     background: var(--no);
+    animation-name: squeeze-refresh;
+    animation-duration: var(--med-speed);
 }
 .tab-no:hover ~ .feed-post {
     left: 0%;
@@ -37,6 +41,8 @@
     flex-wrap: wrap;
     overflow: auto;
     justify-content: space-between;
+    animation-name: fade-refresh;
+    animation-duration: var(--slow-speed);
 }
 
 .post-wrapper {
@@ -91,7 +97,7 @@
 .post-wrapper:hover > .btn-no {transform: rotateY(0deg);}
 
 /* Dynamic content reajustment if browser window is made too narrow */
-@media (max-width: 800px) {
+@media (max-width: 900px) {
     .feed-post {
         display: inline;
     }