2 files changed, 37 insertions, 30 deletions
diff --git a/rannak/mangud/partorg/kuulsused/index.html b/rannak/mangud/partorg/kuulsused/index.html
index b0503a2..80fc8c9 100644
--- a/rannak/mangud/partorg/kuulsused/index.html
+++ b/rannak/mangud/partorg/kuulsused/index.html
@@ -4,12 +4,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kuulsused</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">Olulised isikud</h1>
diff --git a/rannak/mangud/partorg/kuulsused/styles.css b/rannak/mangud/partorg/kuulsused/styles.css
index 108bde9..f05f71d 100644
--- a/rannak/mangud/partorg/kuulsused/styles.css
+++ b/rannak/mangud/partorg/kuulsused/styles.css
@@ -1,22 +1,28 @@
 * {
-	box-sizing: border-box !important;
+	box-sizing: border-box;
+}
+body{background-color: #4D5157;}
+
+h1 {
+    color: #a1000e;
+    font-weight: bold;
 }
 
 .lists{
-    margin-bottom: 20px !important;
+    margin-bottom: 20px;
 }
 /* Modal Stuff */
 
 
 .avatar {
     border-radius: 20px;
-    width: 100% !important;
+    width: 100%;
 }
 
 .modalHeaderWrapper{
     text-align: center;
-    margin: 0 !important;
-    width: 100% !important;
+    margin: 0;
+    width: 100%;
 }
 
 .closeModalButton {
@@ -29,17 +35,17 @@
     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);
 }
 
 
@@ -86,35 +92,35 @@ button:disabled{
 
 .carousel {
     border-left: 5px solid white;
-    padding: 1rem !important;
-    margin: auto !important;
-    width: 60% !important;
-    height: auto !important;
+    padding: 1rem;
+    margin: auto;
+    width: 60%;
+    height: auto;
 
 }
 
-.carousel-item{text-align: center !important;}
-.carousel-item .text{padding-top: 10px !important;}
+.carousel-item{text-align: center;}
+.carousel-item .text{padding-top: 10px;}
 
 .carousel-item img{
-    margin: auto !important;
-    max-width: 35%   !important;
-	height: auto !important;
+    margin: auto;
+    max-width: 35%  ;
+	height: auto;
 }
 
 .carousel-item .list {
 	background-color: rgba(0, 0, 0, 0.3);
 	min-height: 3.7rem;
 	margin: .5rem;
-	border-radius: 8px !important;
+	border-radius: 8px;
 }
 
 .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;
 }
 
@@ -123,12 +129,12 @@ button:disabled{
 /* Other */
 
 .modal-header img {
-	max-width: 15rem !important;
-	height: auto !important;
+	max-width: 15rem;
+	height: auto;
 	padding: .3rem;
 }
 
 .startBasket {
-	height: 100% !important;
+	height: 100%;
 	min-height: 2rem;
 }