From 45c4cc424d5ddeba5c53ca3586b233e66328c707 Mon Sep 17 00:00:00 2001
From: Set Sakrecoer <set@sakrecoer.com>
Date: Sun, 28 Apr 2019 21:08:49 +0200
Subject: [PATCH] adding CSS

---
 _sass/main.scss | 16 ++++++++++++++++
 index.html      | 11 ++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index e69de29..00bfe51 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -0,0 +1,16 @@
+#hero {
+  video {
+    position:fixed;
+    right:0;
+    bottom:0;
+    min-width:100%;
+    min-height:100%;
+    width:auto;
+    height:auto;
+    z-index:-100;
+    background:url(../../assets/img/bg/frontpage.jpg) no-repeat;
+    background-size:cover;
+    -webkit-transition:1s opacity;
+    transition:1s opacity;
+  }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 78f62ae..bfec394 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,12 @@ layout: default
 ---
 <div id="hero">
   <h1>GREETINGS<br />ROBOT!</h1>
+  <button id="video_pause">Pause<br />Video</button>
+
+  <video autoplay loop poster="{{ site.baseurl }}/assets/img/bg/frontpage.jpg" id="bgvid">
+    <source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
+    <source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
+  </video>
 </div>
 
 <div>
@@ -21,12 +27,7 @@ layout: default
 </div>
 {% endfor %}
 
-<button id="video_pause">Pause<br />Video</button>
 
-<video autoplay loop poster="{{ site.baseurl }}/assets/img/bg/frontpage.jpg" id="bgvid">
-  <source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
-  <source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
-</video>
 
 <script type="text/javascript">