1 files changed, 74 insertions, 0 deletions
diff --git a/rannak/kaart/kaart.css b/rannak/kaart/kaart.css
new file mode 100644
index 0000000..f941739
--- /dev/null
+++ b/rannak/kaart/kaart.css
@@ -0,0 +1,74 @@
+body {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Upper Container Stuff*/
+.upperContainer{
+    text-align: center;
+    width: 70%;
+    margin-left: 15%;
+}
+
+
+.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;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+}
+
+
+
+/* Kaart Stuff */
+
+
+.svgContainer {
+    overflow: hidden;
+    border: 2px solid #E3D4AD;
+    border-radius: 10px;
+    margin: 1.5%;
+    background-color: #434854;
+    max-height: 75vh;
+}
+
+ /* #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;
+    
+}