Update Farm and Games pages

res/css/main.css

@@ -20,6 +20,12 @@ h1, h2, h3 {
     font-weight: 400;
 }
 
+a {
+    color: #5076ba;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
 /* Header & Logo Animation */
 header {
     display: flex;
@@ -31,7 +37,7 @@ header {
 }
 
 #logo {
-    width: 100%;
+    width: 95%;
     max-width: 950px;
     height: auto;
 }
@@ -73,7 +79,6 @@ main {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     border: 1px solid #444;
-    text-decoration: none;
 }
 
 .section-card:hover {
@@ -87,6 +92,20 @@ main {
     color: #ffffff;
 }
 
+.section-card h2 a {
+    text-decoration: none;
+    color: inherit;
+}
+
+.section-card h3 {
+    font-size: 1.8rem;
+    color: #ffffff;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #555;
+}
+
 .section-logo {
     height: 180px;
     width: 180px;
@@ -108,6 +127,40 @@ main {
     font-size: 1rem;
 }
 
+.section-card ul {
+    display: inline-block;
+    text-align: left;
+    margin-top: 1rem;
+    padding-left: 0;
+}
+
+.section-card ul {
+    list-style: circle;
+    padding-left: 0;
+    margin-top: 1rem;
+}
+
+.section-card li {
+    color: #c0c0c0;
+    padding-left: 1.8rem;
+    position: relative;
+    margin-bottom: 0.8rem;
+}
+
+/*.section-card li {*/
+/*    margin-bottom: 0.5rem;*/
+/*}*/
+
+/*.section-card li a {*/
+/*    color: #ffffff;*/
+/*    text-decoration: underline;*/
+/*}*/
+
+/*.section-card li a:hover {*/
+/*    color: #e0e0e0;*/
+/*}*/
+
+
 /* Footer */
 footer {
     text-align: center;