Revert

Author: Sealjay

assets/css/style.scss

@@ -1,22 +1,22 @@
---- # Front matter ensures Jekyll processes SCSS. ---
+---
+# Front matter ensures Jekyll processes SCSS.
+---
+
 /* =========================================
    1. Variables & Core Settings
    ========================================= */
-$brand-color: #ee650b; // Avanade primary orange
-$brand-color-dark: #be5008; // Darker shade of brand orange
-$gradient-lighter: #f1913b; // Lighter warm orange for gradient
+$brand-color:       #ee650b; // Avanade primary orange
+$brand-color-dark:  #be5008; // Darker shade of brand orange
+$gradient-lighter:  #f1913b; // Lighter warm orange for gradient
 
-$font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-$max-width: 800px;
+$font-stack:        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+$max-width:         800px;
 $mobile-breakpoint: 768px;
 
 html {
   box-sizing: border-box;
 }
-
-*,
-*::before,
-*::after {
+*, *::before, *::after {
   box-sizing: inherit;
 }
 
@@ -43,41 +43,24 @@ a {
   text-decoration: none;
   transition: color 0.3s ease, background-color 0.3s ease;
 }
-
 a:hover {
   color: $brand-color-dark;
 }
 
 /* Headings */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   margin: 1.5rem 0 1rem;
   line-height: 1.3;
   font-weight: 700;
   color: #111;
 }
-
-h1 {
-  font-size: 2rem;
-  background: linear-gradient(90deg, #ce0569 12.66%, #ff5800 94.55%);
+h1 { font-size: 2rem; background: linear-gradient(90deg, #ce0569 12.66%, #ff5800 94.55%);
   -webkit-text-fill-color: hsla(0, 0%, 100%, 0);
   background-clip: border-box;
   -webkit-background-clip: text;
-  text-shadow: 0 0 hsla(0, 0%, 100%, 0);
-}
-
-h2 {
-  font-size: 1.5rem;
-}
-
-h3 {
-  font-size: 1.25rem;
-}
-
+  text-shadow: 0 0 hsla(0, 0%, 100%, 0); }
+h2 { font-size: 1.5rem; }
+h3 { font-size: 1.25rem; }
 p {
   margin: 0 0 1rem 0;
 }
@@ -94,12 +77,11 @@ p {
    ========================================= */
 .navbar {
   position: fixed;
-  top: 0;
-  left: 0;
+  top: 0; left: 0;
   width: 100%;
   background-color: #fff;
   border-bottom: 2px solid $brand-color;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 5px rgba(0,0,0,0.1);
   z-index: 999;
 }
 
@@ -119,8 +101,8 @@ p {
 }
 
 .navbar-brand a img {
-  height: 50px;
-  max-height: 5vh;
+  height:50px;
+  max-height:5vh;
 }
 
 .nav-links {
@@ -129,12 +111,10 @@ p {
   margin: 0;
   padding: 0;
 }
-
 .nav-links li a {
   padding: 0.5rem 1rem;
   border-radius: 4px;
 }
-
 .nav-links li a:hover {
   background-color: #f2f2f2;
 }
@@ -150,20 +130,15 @@ p {
   text-align: center;
   padding-bottom: 2rem;
 }
-
 .header-content {
   max-width: $max-width;
   margin: 0 auto;
   padding: 0 1rem;
 }
-
 .header-content h1 {
   font-size: 2.4rem;
   margin-bottom: 0.5rem;
-  color: #f9f9f9;
-  
 }
-
 .header-content h2 {
   font-size: 1.4rem;
   font-weight: 400;
@@ -174,8 +149,7 @@ p {
    5. Main Content
    ========================================= */
 .content {
-  margin-top: 2rem;
-  /* space below banner */
+  margin-top: 2rem; /* space below banner */
   padding-bottom: 2rem;
 }
 
@@ -187,23 +161,18 @@ table {
   border-collapse: collapse;
   margin: 2rem 0;
 }
-
-th,
-td {
+th, td {
   padding: 0.75rem;
   border: 1px solid #ddd;
   vertical-align: top;
 }
-
 th {
   background-color: #f3f3f3;
   font-weight: 600;
 }
-
 tr:nth-child(even) {
   background-color: #fafafa;
 }
-
 /* For wide tables, wrap in .table-responsive */
 .table-responsive {
   overflow-x: auto;
@@ -219,15 +188,12 @@ tr:nth-child(even) {
   padding: 1rem 0;
   border-top: 1px solid #eee;
 }
-
 .footer-content {
   text-align: center;
 }
-
 .site-footer a {
   color: $brand-color-dark;
 }
-
 .site-footer a:hover {
   text-decoration: underline;
 }
@@ -240,12 +206,10 @@ tr:nth-child(even) {
     flex-direction: column;
     align-items: flex-start;
   }
-
   .nav-links {
     flex-direction: column;
     width: 100%;
   }
-
   .nav-links li a {
     width: 100%;
     padding: 0.5rem;
@@ -254,8 +218,7 @@ tr:nth-child(even) {
   .header-content h1 {
     font-size: 2rem;
   }
-
   .header-content h2 {
     font-size: 1.1rem;
   }
-}
+}