From 7f90e5ec9dd3c4da4407d9db1af88cd4651e5e32 Mon Sep 17 00:00:00 2001
From: Jeppe Ernst <impala.lowrider@gmail.com>
Date: Sun, 21 Jan 2018 20:01:06 +0100
Subject: [PATCH] firefox and safari CSS fixes

---
 _scss/module/_camera.scss    | 6 ++++--
 _scss/module/_indexpage.scss | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/_scss/module/_camera.scss b/_scss/module/_camera.scss
index 32f1717..29baf0d 100644
--- a/_scss/module/_camera.scss
+++ b/_scss/module/_camera.scss
@@ -6,19 +6,21 @@
   z-index: 1000;
   pointer-events: none;
   .redLight {
-  	animation: redLigth 1s ease infinite;
+  	animation: redLight 1s ease infinite;
   }
   .glare {
     transform-origin: 80% 80%;
+    transform-box: fill-box;
     animation: glare 4s linear infinite;
   }
   .outerRing {
   	transform-origin: 50% 50%;
+  	transform-box: fill-box;
   	animation: outerRing 4s linear infinite;
   }
 }
 
-@keyframes redLigth {
+@keyframes redLight {
 	0% {
 		fill-opacity: 1;
 	}
diff --git a/_scss/module/_indexpage.scss b/_scss/module/_indexpage.scss
index e15a770..8205555 100644
--- a/_scss/module/_indexpage.scss
+++ b/_scss/module/_indexpage.scss
@@ -13,6 +13,7 @@ section {
 	    height: 30px;
 	    position: absolute;
 	    top: -30px;
+	    right: 0;
 	    background: linear-gradient(to left bottom, $alternate-bg 0%,$alternate-bg 49%,$body-bg 50%,$body-bg 100%);
 	    background: linear-gradient(to left bottom, transparent 0%,transparent 49%,$body-bg 50%,$body-bg 100%);
 	}
@@ -26,8 +27,7 @@ section {
 
 	.paragraphs {
 		column-count: 2;
-		margin-bottom: 200px;
-		margin: 1rem;
+		margin: 1rem 1rem 200px;
 		h3, p {
 			max-width: 300px;
 			font-family: 'Roboto', sans-serif;