Style improvements.

common/main.css

@@ -1,7 +1,9 @@
 :root {
   --dark-accent-color: #5C6BC0;
-  --dark-bg-color: #121212;
+  --dark-bg-color: black;
   --dark-alt-bg-color: #5c6bc0;
+  --dark-cont-bg-color: transparent;
+  --dark-header-bg-color: #121212;
   --dark-text-color: #eeeeee;
   --dark-btn-color: #303f9f
 }
@@ -10,8 +12,10 @@ body {
   font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Arial, Helvetica, sans-serif;
   margin: 0;
   --accent-color: #1A237E;
-  --bg-color: none;
+  --cont-bg-color: white;
   --alt-bg-color: #283593;
+  --bg-color: #f6f5f4;
+  --header-bg-color: white;
   --text-color: black;
   --btn-color: #303f9f;
 
@@ -22,6 +26,10 @@ header{
   padding: 0.5rem;
 }
 .header-list{
+  width: max-content;
+  padding: 0.5rem;
+  background-color: var(--header-bg-color);
+  border-radius: 1rem;
   align-items: center;
   justify-content: center;
   margin: auto;
@@ -61,6 +69,8 @@ header{
 /* Container for main content */
 .cont {
   margin: auto;
+  background: var(--cont-bg-color);
+  border-radius: 1rem;
 }
 
 .service-list {
@@ -103,7 +113,9 @@ header{
 
 @media only screen and (min-width:1000px){
   .cont {
-    width: 80%;
+    width: max-content;
+    padding: 1rem;
+    margin-top: 1.5rem;
   }
 }
 
@@ -111,6 +123,8 @@ header{
   body.theme-auto {
     --bg-color: var(--dark-bg-color);
     --alt-bg-color: var(--dark-alt-bg-color);
+    --cont-bg-color: var(--dark-cont-bg-color);
+    --header-bg-color: var(--dark-header-bg-color);
     --text-color: var(--dark-text-color);
     --btn-color: var(--dark-btn-color);
     --accent-color: var(--dark-accent-color);

index.php

@@ -12,10 +12,10 @@
   <?php include "common/header.html"; ?>
 
 <center>
-<h1>Velkommen til Trygves side!</h1>
 
 <div class="cont">
 
+<h1>Velkommen til Trygves side!</h1>
 <h2>Mine prosjekter:</h2>
 <ul class="service-list">
   <li><a href="/liveresultater/">Liveresultater</a></li>