updates

main.css

@@ -3,7 +3,7 @@
 }
 
 @font-face {
-    font-family: "Cantarell var";
+    font-family: "Cantarell";
     font-weight: 100 900;
     font-display: swap;
     font-style: normal;
@@ -11,6 +11,11 @@
     src: url("Cantarell-VF.otf") format("opentype");
 }
 
+@font-face {
+    font-family: "Lobster";
+    src: url("Lobster-Regular.ttf") format("truetype");
+}
+
 h1 {
     margin: 20px;
 }
@@ -18,7 +23,7 @@ h1 {
 * {
     margin: 0;
     padding: 0;
-    font-family: Cantarell;
+    font-family: Lobster;
 }
 
 #links {
@@ -148,7 +153,7 @@ h1 {
     top: 50%;
     transform: translateY(-50%);
     min-height: 40vh;
-    background-color: blanchedalmond;
+    background-color: lightblue;
 }
 
 body.sidebar-opened > #sider-outer.design-1 {
@@ -249,11 +254,11 @@ body:not(.sidebar-opened) > #sider-outer > #sider > img {
 
 a {
     text-decoration: none;
-    color: green;
+    color: #333333;
 }
 
 a:hover {
-    color: darkgreen;
+    color: black;
 }
 
 .carousel > div {