Fix sinewave and make new home

1 files changed, 13 insertions, 10 deletions

diff --git a/assets/scss/home.scss b/assets/scss/home.scss
index 7009d26..a80e473 100644
--- a/assets/scss/home.scss
+++ b/assets/scss/home.scss
@@ -40,7 +40,7 @@ body > header {
     left: 5vw;
     padding: 1rem;
     z-index: 999;
-    font-size: 1.2rem;
+    font-size: 1.4rem;
     color: rgba(255, 255, 255, 0.85);
     overflow: auto;
     transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg);
@@ -438,24 +438,23 @@ body > footer {
 	    position: absolute;
 	    top: 0;
 	    left: 0;
-	    opacity: 0.1;
+	    opacity: 0.9;
 	}
 
 	&:hover {
 	    background: rgba(191, 138, 112, 0.9);
 	    transform: rotate(0);
 	    margin: 0;
-
-	    p, h4 {
-		display: none;
-	    }
+	    color: black;
+	    padding: 1rem;
 
 	    h3 {
 		transform: rotate(0) translateX(0) translateY(-4rem);
 	    }
 
 	    svg {
-		opacity: 0.9;
+		opacity: 0.3;
+		width: calc(100% + 4rem);
 	    }
 
 	    + #txt {
@@ -575,15 +574,18 @@ body > footer {
 	text-decoration: none;
     }
 
-    .libre #participation {
+    .libre #participation,
+    .libre #share {
 /*	transform: rotate(-4deg) translateY(4.5rem); */
 	transform: rotate(-4deg) translateY(6vh);
     }
-    .libre #engagement {
+    .libre #engagement,
+    .libre #engage {
 /*	transform: translate(0.5rem, 7rem); */
 	transform: translate(0.5vw, 14vh);
     }
-    .libre #cooperation {
+    .libre #cooperation,
+    .libre #care {
 /*	transform: rotate(2deg) translate(0rem, 9.8rem); */
 	transform: rotate(2deg) translate(0rem, 19.5vh);
     }
@@ -605,6 +607,7 @@ body > footer {
 }
 
 .sinewave{
+    z-index: 0;
     &.w0 {
         fill: rgba(240, 40, 142, 0.5);
     }