2 files changed, 31 insertions, 23 deletions
diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html
index d2225b6..3e83187 100644
--- a/rannak/mangud/kaitseliitlane/sundmused/index.html
+++ b/rannak/mangud/kaitseliitlane/sundmused/index.html
@@ -4,12 +4,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=, initial-scale=1.0">
     <title>Kuusused</title>
-    <link rel="stylesheet" href="styles.css">
     <!-- Bootstrap - CSS only -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="styles.css">
 </head>
 
-<body class="bg-dark text-white">
+<body class="text-white">
 
     <div class="container text-center text-white align-items-center pb-5">
         <h1 class="pb-1 pt-2">Sündmused</h1>
diff --git a/rannak/mangud/kaitseliitlane/sundmused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css
index 5e2d661..fe4f0f9 100644
--- a/rannak/mangud/kaitseliitlane/sundmused/styles.css
+++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css
@@ -1,5 +1,12 @@
 * {
-	box-sizing: border-box !important;
+	box-sizing: border-box;
+}
+h1 {
+    color: #154734;
+    font-weight: bold;
+}
+body{
+    background-color: #4D5157;
 }
 
 .moveOn{
@@ -22,22 +29,22 @@ button:disabled{
 }
 
 .row {
-    margin: 0 5% !important;
+    margin: 0 5%;
 }
 
 img {
-	max-width: 100% !important;
-	height: auto !important;
+	max-width: 100%;
+	height: auto;
 	padding: .3rem;
 }
 
   
 .lists .list .list-item {
-	background-color: #b2beb5 !important;
+	background-color: #b2beb5;
 	color: #21201E;
 	margin: 0.5rem 0;
 	height: 2.5rem;
-	border-radius: 8px !important;
+	border-radius: 8px;
     cursor: pointer;
 }
 
@@ -45,11 +52,11 @@ img {
 	background-color: rgba(0, 0, 0, 0.3);
 	min-height: 2.5rem;
 	margin: .5rem;
-	border-radius: 8px !important;
+	border-radius: 8px;
 }
 
 .startBasket {
-	height: 100% !important;
+	height: 100%;
 	min-height: 2rem;
 }
 
@@ -58,14 +65,14 @@ img {
 
 .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%;
 }
 
 
@@ -79,16 +86,16 @@ img {
     position: absolute;
     top: 0;
     right: 0;
-    padding: 25px !important;
-    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;
+    padding: 25px;
+    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);
 }