Clean up CSS

assets/index.css

@@ -213,17 +213,15 @@ body::before {
     color: var(--text-muted);
     padding-bottom: 5px;
     transition: opacity 0.3s ease;
-    min-height: 1.2em; /* no layout shit from js */
+    min-height: 1.2em;
+    /* no layout shit from js */
 }
-
 .location.loading {
     opacity: 0;
 }
-
 .location.loaded {
     opacity: 1;
 }
-
 .entry-list {
     margin-top: 10px;
 }
@@ -488,7 +486,6 @@ body::before {
     margin-right: 15px;
     font-size: 24px;
 }
-
 .status-average {
     font-size: 0.9em;
     color: var(--text-muted);
@@ -508,14 +505,12 @@ body::before {
 .separator {
     color: var(--border-color);
 }
-
 .contact-grid {
     display: grid;
     gap: 20px;
     margin-top: 20px;
     max-width: 800px;
 }
-
 .contact-card {
     background: linear-gradient(
         145deg,
@@ -539,7 +534,6 @@ body::before {
     position: relative;
     backdrop-filter: blur(5px);
 }
-
 .contact-card:hover {
     transform: translateY(-2px);
     box-shadow:
@@ -548,7 +542,6 @@ body::before {
         inset 0 1px rgba(255, 255, 255, 0.2);
     border-color: var(--text-bright);
 }
-
 .contact-header {
     padding: 20px;
     border-bottom: 1px solid var(--border-color);
@@ -557,7 +550,6 @@ body::before {
     align-items: center;
     background: rgba(42, 90, 90, 0.1);
 }
-
 .contact-type {
     color: var(--text-bright);
     font-size: 1em;
@@ -565,11 +557,9 @@ body::before {
     letter-spacing: 1px;
     text-transform: uppercase;
 }
-
 .contact-content {
     padding: 20px;
 }
-
 .contact-method {
     display: flex;
     align-items: center;
@@ -581,14 +571,12 @@ body::before {
     border-left: 2px solid var(--border-color);
     transition: all 0.3s ease;
 }
-
 .contact-method:hover {
     color: var(--text-bright);
     background: rgba(42, 90, 90, 0.15);
     border-left: 2px solid var(--text-bright);
     padding-left: 20px;
 }
-
 .method-icon {
     font-size: 1.2em;
     margin-right: 15px;
@@ -596,31 +584,25 @@ body::before {
     opacity: 0.8;
     transition: opacity 0.3s ease;
 }
-
 .contact-method:hover .method-icon {
     opacity: 1;
 }
-
 .method-details {
     flex: 1;
 }
-
 .method-name {
     font-size: 0.9em;
     margin-bottom: 4px;
     color: var(--text-bright);
 }
-
 .method-address {
     font-size: 0.8em;
     color: var(--text-muted);
     transition: color 0.3s ease;
 }
-
 .contact-method:hover .method-address {
     color: var(--text-bright);
 }
-
 .connection-indicator {
     margin-left: 10px;
     transition: transform 0.3s ease;
@@ -628,14 +610,12 @@ body::before {
 .contact-method:hover .connection-indicator {
     transform: translateX(5px);
 }
-
 .project-grid {
     display: grid;
     gap: 20px;
     margin-top: 20px;
     max-width: 800px;
 }
-
 .project-card {
     background: linear-gradient(
         145deg,
@@ -659,7 +639,6 @@ body::before {
     position: relative;
     backdrop-filter: blur(5px);
 }
-
 .project-card:hover {
     transform: translateY(-2px);
     box-shadow:
@@ -668,7 +647,6 @@ body::before {
         inset 0 1px rgba(255, 255, 255, 0.2);
     border-color: var(--text-bright);
 }
-
 .project-header {
     padding: 20px;
     border-bottom: 1px solid var(--border-color);
@@ -677,35 +655,30 @@ body::before {
     align-items: center;
     background: rgba(42, 90, 90, 0.1);
 }
-
 .project-title {
     color: var(--text-bright);
     font-size: 1em;
     font-weight: bold;
     letter-spacing: 1px;
 }
-
 .project-content {
     padding: 20px;
     max-height: none;
     opacity: 1;
     transform: none;
 }
-
 .project-description {
     color: var(--text-muted);
     font-size: 0.9em;
     margin-bottom: 15px;
     line-height: 1.5;
 }
-
 .project-tech-stack {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 15px;
 }
-
 .tech-tag {
     background: rgba(42, 90, 90, 0.2);
     padding: 4px 8px;
@@ -713,7 +686,6 @@ body::before {
     font-size: 0.8em;
     color: var(--text-muted);
 }
-
 /* Status Grid Styling */
 .status-grid {
     display: grid;
@@ -721,7 +693,6 @@ body::before {
     margin-top: 20px;
     max-width: 800px;
 }
-
 .status-card {
     background: linear-gradient(
         145deg,
@@ -745,7 +716,6 @@ body::before {
     position: relative;
     backdrop-filter: blur(5px);
 }
-
 .status-card:hover {
     transform: translateY(-2px);
     box-shadow:
@@ -754,7 +724,6 @@ body::before {
         inset 0 1px rgba(255, 255, 255, 0.2);
     border-color: var(--text-bright);
 }
-
 .status-header {
     padding: 20px;
     border-bottom: 1px solid var(--border-color);
@@ -763,7 +732,6 @@ body::before {
     align-items: center;
     background: rgba(42, 90, 90, 0.1);
 }
-
 .status-name {
     color: var(--text-bright);
     font-size: 1em;
@@ -773,30 +741,25 @@ body::before {
     align-items: center;
     gap: 10px;
 }
-
 .status-content {
     padding: 20px;
 }
-
 .status-metrics {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 15px;
     margin-top: 10px;
 }
-
 .metric {
     background: rgba(42, 90, 90, 0.05);
     padding: 10px;
     border-left: 2px solid var(--border-color);
 }
-
 .metric-label {
     font-size: 0.8em;
     color: var(--text-muted);
     margin-bottom: 5px;
 }
-
 .metric-value {
     font-size: 1.1em;
     color: var(--text-bright);