reworked

static/css/style.css

@@ -1,4 +1,3 @@
-
 body {
     margin: 0;
     padding: 0;
@@ -11,11 +10,11 @@ header {
 
 .h1header {
     margin: 0;
-    background-color: #4a849f;
+    background-color: #1b3440;
     height: 100px;
     line-height: 100px;
     text-align: center;
-    color: black;
+    color: #f8f7f4;
 
 }
 
@@ -23,41 +22,33 @@ header {
     text-align: center;
 }
 
-.tg {
-    padding-top: 35px;
-    border-collapse: collapse;
-    border-spacing: 0;
+.card {
+    background-color: #b4d6c6;
+    border-radius: 12px;
+    box-shadow: 0px 5px 10px 2px rgba(27, 52, 64, 0.3);
 }
 
-.tg td {
-    border-color: black;
-    border-style: solid;
-    border-width: 1px;
-    font-family: Arial, sans-serif;
-    font-size: 14px;
-    overflow: hidden;
-    padding: 10px 5px;
-    word-break: normal;
+
+
+.row {
+    margin-top: 20px;
 }
 
-.tg th {
-    border-color: black;
-    border-style: solid;
-    border-width: 1px;
-    font-family: Arial, sans-serif;
-    font-size: 14px;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 10px 5px;
-    word-break: normal;
+
+.col-md-3 {
+    margin-bottom: 25px;
+    margin-right: 25px;
 }
 
-.tg .tg-0pky {
-    border-color: inherit;
-    text-align: left;
-    vertical-align: top
+.btn {
+    background-color: #1b3440;
+    border-color: #1b3440;
+    margin-top: 10px;
+    margin-bottom: 10px;
+
 }
 
-.card{
-    margin-top: 40px;
+.btn:hover {
+    background-color: #f2845c;
+    border-color: #f2845c;
 }