From 696fd31114e99ad76378b83457ab099836ac8d70 Mon Sep 17 00:00:00 2001
From: EliteCanadian <48032829+EliteCanadian@users.noreply.github.com>
Date: Tue, 26 Feb 2019 14:52:16 -0700
Subject: [PATCH] Update stylesheet.css

---
 stylesheet.css | 42 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 36 insertions(+), 6 deletions(-)

diff --git a/stylesheet.css b/stylesheet.css
index 248d882..b630e9e 100755
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -1,26 +1,56 @@
+body {
+    font-family: "Roboto", "Arial", sans-serif;
+    margin: 1%;
+}
+
 #uploadlabel {
-	border: 1px solid white;
+    display: block;
 	text-align: center;
+    font-size: 300%;
 	color:#000;
 	margin: auto;
     width: 100%;
     height: 100%;
-    display: block;
-
+    position: absolute;
+    top: 25%;
+    
 }
 
 #masker {
 	grid-area: masker;
 }
 
+#tools {
+    height: 10%;
+    border: solid;
+    border-radius: 5px;
+    padding: 6px;
+    padding-left: 12px;
+    margin: 0px;
+    
+}
+
+#alpha {
+    margin-top: 3px;
+}
+
+#masks {
+    margin-top: -8px;
+    border: solid;
+    border-radius: 5px;
+    display: inline-block;
+    padding: 6px;
+    padding-left: 12px;
+}
+
 #preview {
 	grid-area: preview;
 }
 
 #container {
 	display: grid;
-	grid-gap: 40px;
-	grid-template-columns: 300px auto;
+	grid-gap: 10px;
+	grid-template-columns: 325px auto;
 	grid-template-areas: 
 		"masker preview"
 }
@@ -35,4 +65,4 @@
 
 #hidden {
 	display: none;
-}
\ No newline at end of file
+}