From 5283cb1283ed1169c0fcd07903dfef3a7df0a91d Mon Sep 17 00:00:00 2001
From: alpha <moritz@cliffbreak.de>
Date: Thu, 8 Aug 2019 17:31:41 +0200
Subject: [PATCH] wtf -fix open

---
 assets/style/glitch.css |  2 +-
 assets/style/sphere.css | 12 ++++++++++++
 index.html              | 14 +++++++++++---
 3 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 assets/style/sphere.css

diff --git a/assets/style/glitch.css b/assets/style/glitch.css
index 973285f..2bcd3c1 100644
--- a/assets/style/glitch.css
+++ b/assets/style/glitch.css
@@ -6,10 +6,10 @@
   }
   .glitch-wrapper {
     font-family: 'Archivo Black', sans-serif;
-    height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 12vw;
   }
   .glitch {
     color: white;
diff --git a/assets/style/sphere.css b/assets/style/sphere.css
new file mode 100644
index 0000000..fdfa455
--- /dev/null
+++ b/assets/style/sphere.css
@@ -0,0 +1,12 @@
+.sphere-wrapper{
+    text-align: center;
+}
+
+sphere{
+    margin: 1.5vw;
+    height: 10vw;
+    width: 10vw;
+    background-color: #bbb;
+    border-radius: 50%;
+    display: inline-block;    
+}
diff --git a/index.html b/index.html
index f3950e0..06b2139 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,15 @@
 <link rel="stylesheet" type="text/css" href="assets/style/glitch.css">
 <link rel="stylesheet" type="text/css" href="assets/style/style.css">
+<link rel="stylesheet" type="text/css" href="assets/style/sphere.css">
 
-
-<div class="glitch-wrapper">
+<div class="headline">
+  <div class="glitch-wrapper">
     <div class="glitch" data-text="Cliffbreak">Cliffbreak</div>
-  </div>
\ No newline at end of file
+  </div>
+</div>
+<div class="sphere-wrapper">
+<sphere>
+  <a>Test</a>
+</sphere>
+<sphere></sphere>
+</div>