From e7aa4089863d608f54c36b63749425f787c7d132 Mon Sep 17 00:00:00 2001
From: hellekin <hellekin@cepheide.org>
Date: Wed, 1 Jun 2022 11:45:46 +0200
Subject: Compress CSS

---
 assets/scss/txt.scss | 67 +++++++++++++++++++++++++++-------------------------
 1 file changed, 35 insertions(+), 32 deletions(-)

(limited to 'assets/scss')

diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss
index ce58921..fa89fee 100644
--- a/assets/scss/txt.scss
+++ b/assets/scss/txt.scss
@@ -105,11 +105,13 @@ body > header {
     h2 {
         position: absolute;
 	      font-weight: 100;
-	      margin-top: 12rem;
+	      font-size: 4.8rem;
+        transform-origin: top left;
+        width: 90rem;
         left: 50%;
-        margin-left: 27rem;
-	      font-size: 3.7rem;
-	      transform: rotate(90deg);
+        transform: rotate(90deg) translate(0, -4.5rem);
+        text-align: left;
+        margin-left: 39rem;
     }
 
     p {
@@ -507,37 +509,38 @@ span.note {
 body.gfx {
 
     #krto img {
-	float: left;
-	padding-right: 2rem;
-	margin-left: -6rem;
+	      float: left;
+	      padding-right: 2rem;
+	      margin-left: -6rem;
     }
 
     #cw {
-	position: relative;
-	z-index: 0;
-	a {
-	    z-index: 200;
-	}
-	#gfx {
-	    position: absolute;
-	    z-index: -1;
-	    opacity: 1;
-	    margin: 0 auto;
-	    width: 72rem;
-	    height: 22.5rem;
-	    margin-left: -6rem;
-	    animation: fade-in 1s linear;
-
-	    svg {
-		position: relative;
-		width: 100%;
-		height: 100%;
-	    }
-	}
-	&:hover #gfx {
-	    opacity: 0.2;
-	    animation: fade-out 1s linear;
-	}
+        clear: both;
+	      position: relative;
+	      z-index: 0;
+	      a {
+	          z-index: 200;
+	      }
+        #gfx {
+            position: absolute;
+            margin-top: -1.5rem;
+            z-index: -1;
+            opacity: 1;
+            height: 22.5rem;
+            width: 72rem;
+	          animation: fade-in 1s linear;
+
+            svg {
+                position: relative;
+                margin-left: -7rem; /* Something is wrong with sine.js and reload */
+                height: 100%;
+            }
+        }
+
+	      &:hover #gfx {
+	          opacity: 0.2;
+	          animation: fade-out 1s linear;
+	      }
     }
 
     .sinewave{
-- 
cgit v1.2.3