File structure updates

public/assets/css/homepage/homepage.css

@@ -6,7 +6,7 @@
 
 /* Styling for text at top of the page */
 #leagues-header {
-  font-family: 'Scottsdale-Italic';
+  font-family: "Scottsdale-Italic";
   display: inline-block; /* Ensure the width is based on content */
   border-bottom: 1.5px solid #999696; /* Adjust the color and thickness as needed */
 }
@@ -24,7 +24,12 @@
   height: 150px;
   margin: 20px;
   text-align: center; /* Center the content horizontally */
-  background: linear-gradient(to right, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
+  background: linear-gradient(
+    to right,
+    white,
+    rgb(245, 245, 245),
+    rgb(227, 227, 227)
+  ); /* Gradient from white to gray */
   padding: 10px; /* Adjust padding as needed */
   position: relative; /* Needed for absolute positioning */
   overflow: hidden; /* Hide the overflowing skewed content */
@@ -45,14 +50,13 @@
   transform: skewX(20deg); /* Skew the banner to create a triangular side */
 }
 
-
 #league-card:hover {
   transform: skewX(-20deg) scale(1.05); /* Increase scale on hover to make it pop */
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Add box-shadow on hover for depth effect */
 }
 
 #league-card::after {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   right: 0;
@@ -61,7 +65,6 @@
   background-color: red; /* Red color */
 }
 
-
 #logo {
   width: 30%; /* Set width for logo */
   max-height: 100px;
@@ -77,5 +80,3 @@
   max-height: 80px;
   max-width: 250px;
 }
-
-