1 files changed, 44 insertions, 33 deletions

diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css
index 73bfa90..690ad14 100644
--- a/rannak/mangud/partorg/sonaragastik/style.css
+++ b/rannak/mangud/partorg/sonaragastik/style.css
@@ -3,7 +3,12 @@
 }
 
 body{
-    background-color: #212121 !important;
+    background-color: #4D5157;
+}
+
+h1{
+    color: #a1000e;
+    font-weight: bold;
 }
 
 .moveOn{
@@ -30,14 +35,14 @@ button:disabled{
 
 .avatar {
     border-radius: 20px;
-    width: 100% !important;
-    max-width: 15rem !important;
+    width: 100%;
+    max-width: 15rem;
 }
 
 .modalHeaderWrapper{
     text-align: center;
-    margin: 0 !important;
-    width: 100% !important;
+    margin: 0;
+    width: 100%;
 }
 
 
@@ -53,17 +58,17 @@ button:disabled{
     right: 0;
     padding: 6px;
     padding: 9px 25px;
-    background-color: rgba(0,136,169,1) !important;
-    border: none !important;
-    border-radius: 50px !important;
-    cursor: pointer !important;
-    transition: all 0.3 ease 0 !important;
-    margin: 3% !important;
-    font-size: 1.2rem !important;
+    background-color: rgba(0,136,169,1);
+    border: none;
+    border-radius: 50px;
+    cursor: pointer;
+    transition: all 0.3 ease 0;
+    margin: 3%;
+    font-size: 1.2rem;
 }
 
 .modalButton:hover{
-    background-color: rgba(0,136,169,0.8) !important;
+    background-color: rgba(0,136,169,0.8);
 }
 
 /* Input Box styles */
@@ -94,15 +99,15 @@ button:disabled{
 
 /* Adding classes */
 .selected {
-    background-color: lime !important;
+    background-color: #ECAC76;
 }
 
 .doneV{
-    background-color: #562ABF;
+    background-color: #284F8F;
 }
 
 .doneH{
-    background-color: #FF0883;
+    background-color: #C5E17A;
 }
 
 .done{
@@ -115,51 +120,57 @@ button:disabled{
 
 .main{
 	display: flex;
+    justify-content: center;
 }
 
 .left {
 	margin: 10px;
-	width: calc((100vw - (14*3rem) - 10rem)/ 2) !important;
+	width: 35%;
     font-size: .8rem;
+    padding: 1rem;
+    margin: 0;
 }
 
 .left strong{
     font-size: 1rem;
 }
 
+.tableWrapper {
+    width: 65%; 
+}
+
 table{ 
-    margin: 10px auto;
-    margin-left: 5rem;
+    margin: 10px ;
 }
 
 td {
-	border: 4px solid white !important;
-	width: 3.5rem !important;
+	border: 4px solid white;
+	width: 3.5rem;
 	font-weight: bold;
 }
 
 
 /*
 td {
-    display: block !important;
-    float: left !important;
-    border: 2px solid white !important;
-    width: 5% !important;
-    padding-bottom: 5% !important;
+    display: block;
+    float: left;
+    border: 2px solid white;
+    width: 5%;
+    padding-bottom: 5%;
 }
 
-td span { position: absolute !important}
+td span { position: absolute}
 table {
-    display: block !important;
-    width: 100% !important;
+    display: block;
+    width: 100%;
 }
 tr {
-    display: block !important; 
-    width: 100% !important;
+    display: block; 
+    width: 100%;
 }
 
 tbody {
-    display: block !important;
-    width: 100% !important;
+    display: block;
+    width: 100%;
 }
 */