improved colors and fonts

css/experience.css

@@ -123,7 +123,7 @@
 
     .ratiobtn:checked + .tab {
         color: aqua;
-        background-color: #146d23;
+        background-color: #234177;
         transition: border-left-color 500ms;
     }
 

css/general.css

@@ -12,6 +12,12 @@ body, html, #maincontent {
     /*font-family: Calibre, "San Francisco", "SF Pro Text", -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", Arial, sans-serif;*/
 }
 
+h1{
+    text-transform: uppercase;
+    font-family:  'Open Sans', arial, sans-serif;
+    font-weight: bold;
+}
+
 /* general definition of a tile */
 .tile {
     height: 80%;

css/home.css

@@ -22,7 +22,7 @@
 #preTitle {
     font-size: 35px;
     opacity: 0.8;
-    color: #fffd80;
+    color: #78ffd9;
 }
 
 #homepicture {
@@ -39,14 +39,17 @@
 
 #titleText {
     font-size: 80px;
+    color: #ced5f6;
 }
 
 #subTitleText {
     font-size: 50px;
+    color: #bec1d4;
 }
 
 #meaningFullSentence {
     width: 40%;
+    color: #babccd;
 }
 
 /* todo maybe a bit weird??  */