clean up scss and adding some comments

src/scss/themes/base/_style-theme.scss

@@ -1,10 +1,3 @@
-.gradient-rounded {
-  border: double 3px transparent;
-  border-radius: 80px;
-  background-image: linear-gradient(white, white), radial-gradient(circle at top left, red,#909);
-  background-origin: border-box;
-  background-clip: content-box, border-box;
-}
 .link-fancy {
   text-decoration: none;
   display: inline-block;
@@ -29,7 +22,6 @@
 
 .link-fancy:hover:before {
   background-position: 100%;
-
 }
 
 .my-vh-1 {
@@ -91,15 +83,3 @@
   padding-top:14vh;
   padding-bottom:14vh;
 }
-
-.bg-gray800 {
-  background-color:$gray-800;
-}
-
-.bg-gray900 {
-  background-color:$gray-900;
-}
-
-.bg-black {
-  background-color:$black;
-}

src/scss/themes/base/_variables-theme.scss

@@ -1 +1,4 @@
+//This is an example of how you can change BS5 variables. Just add the changed variables here and they will overwrite the defaults.
+// We changed the default font and the default $blue color (which is set as $primary as well)
 $font-family-sans-serif:      "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$blue: #1717e5;