improvements in code structure

style.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
+
 html{scroll-behavior: smooth;}
 
 body{
@@ -818,55 +820,6 @@ body{
      border-radius: 50%;
    }
 
-
-   /* Privacy Banner */
-   #cookieBanner{
-     display: none; /* FLEX */
-     width: 100%;
-     height: auto;
-     min-height: 200px;
-     color: #fff;
-     background: var(--theme1);
-     font-size: 1rem;
-     flex-direction: row;
-     flex-wrap: nowrap;
-     justify-content: space-around;
-     position: fixed;
-     bottom: 0;
-     left: 0;
-   }
-
-   #cookieBanner div{
-     max-width: 50%;
-   }
-
-   #cookieIcon{
-     font-size: 6rem;
-     user-select: none;
-     margin: 0;
-   }
-
-   #cookieBanner button{
-     width: 30%;
-     min-width: 80px;
-     height: auto;
-     background: #F3AD61;
-     color: #6D4534;
-     border: 2px solid #F3AD61;
-     border-radius: 4px;
-     margin: 10px;
-     padding: 8px;
-     font-size: 14px;
-     font-weight: bold;
-     transition: var(--transition);
-   }
-
-   #cookieBanner button:hover{
-     background: #6D4534;
-     color: #F3AD61;
-     border-color: #6D4534;
-   }
-
    /* Scroll to the top button */
    #scroll-top{
      width: 40px;