1 files changed, 52 insertions, 9 deletions
diff --git a/rannak/kaart/css/kaart.css b/rannak/kaart/css/kaart.css
index 60bb1f9..1329303 100644
--- a/rannak/kaart/css/kaart.css
+++ b/rannak/kaart/css/kaart.css
@@ -1,20 +1,35 @@
-svg path{
-    fill: #00394f;
-    stroke: #eee !important; 
-    stroke-width: .25 !important;
+body {
+    display: flex;
+    flex-direction: column;
+    max-height: 100vh;
 }
 
-svg path:hover {
-    fill: #006284;
-    transition: 0.6s !important;
-    cursor: pointer !important;
-    
+/* Upper Container Stuff*/
+.upperContainer{
+    text-align: center;
 }
 
+
+.upperContainer .movementBtn{
+    background-color: #687494;
+    border: none;
+    border-radius: 4px;
+    font-size:1.3rem;
+    color:white;
+    padding: 10px;
+    margin: 0 2px;
+}
+
+
+
+
+/* Move On Stuff*/
+
 .moveOn{
     display: inline-block;
     border: none;
     padding: 6px 12px;
+    margin-left: 50px;
     margin-botton: 0;
     font-size: 1rem;
     font-weight: normal;
@@ -29,3 +44,31 @@ button:disabled{
     opacity: 0.5;
 }
 
+
+
+/* Kaart Stuff */
+
+
+.svgContainer {
+    overflow: hidden;
+    border: 2px solid #E3D4AD;
+    border-radius: 10px;
+    margin: 1.5%;
+    background-color: #434854;
+}
+
+ /* #00394f, #006284 */
+
+svg {transition: transform 0.1s linear 0.1s;}
+svg path{
+    fill: #767F94;
+    stroke: #eee !important; 
+    stroke-width: .25 !important;
+}
+
+svg path:hover {
+    fill: #A9B5D4;
+    transition: 0.6s !important;
+    cursor: pointer !important;
+    
+}