enhancement(lint): Fix lint errors for hackclub-spotify-bot/src/public/hackclub.css

Co-authored-by: NeonGamerBot-QK <saahilattud@gmail.com>
Signed-off-by: zeon-neon[bot] <136533918+zeon-neon[bot]@users.noreply.github.com>

hackclub-spotify-bot/src/public/hackclub.css

@@ -86,11 +86,17 @@
   --shadow-card: 0 4px 8px rgba(0, 0, 0, 0.125);
   --shadow-elevated: 0 1px 2px rgba(0, 0, 0, 0.0625),
     0 8px 12px rgba(0, 0, 0, 0.125);
-  }
+}
 
-  body {
+body {
-    font-family: "Phantom Sans", system-ui, -apple-system, BlinkMacSystemFont,
+  font-family:
-      "Segoe UI", Roboto, sans-serif;
+    "Phantom Sans",
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    sans-serif;
   line-height: var(--line-height-body);
   font-weight: var(--font-weight-body);
   margin: 0;
@@ -102,59 +108,59 @@
   color: var(--text);
   background-color: var(--background);
   box-sizing: border-box;
-  }
+}
 
-  * {
+* {
   box-sizing: border-box;
-  }
+}
 
-  .monospace {
+.monospace {
   font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
-  }
+}
 
-  .heading {
+.heading {
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  .ultratitle {
+.ultratitle {
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-limit);
   letter-spacing: var(--letter-spacing-title);
-  }
+}
 
-  .title {
+.title {
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-title);
   letter-spacing: var(--letter-spacing-title);
-  }
+}
 
-  .subtitle {
+.subtitle {
   margin-top: var(--spacing-3);
   font-weight: var(--font-weight-body);
   line-height: var(--line-height-subheading);
   letter-spacing: var(--letter-spacing-headline);
-  }
+}
 
-  .headline {
+.headline {
   margin-top: var(--spacing-3);
   margin-bottom: var(--spacing-3);
   font-size: var(--font-4);
   line-height: var(--line-height-heading);
   letter-spacing: var(--letter-spacing-headline);
-  }
+}
 
-  .subheadline {
+.subheadline {
   margin-top: var(--spacing-0);
   margin-bottom: var(--spacing-3);
   font-size: var(--font-2);
   line-height: var(--line-height-heading);
   letter-spacing: var(--letter-spacing-headline);
-  }
+}
 
-  .eyebrow {
+.eyebrow {
   color: var(--muted);
   font-weight: var(--font-weight-heading);
   letter-spacing: var(--letter-spacing-headline);
@@ -162,20 +168,20 @@
   text-transform: uppercase;
   margin-top: var(--spacing-0);
   margin-bottom: var(--spacing-2);
-  }
+}
 
-  .lead {
+.lead {
   font-weight: var(--font-weight-body);
-  }
+}
 
-  .caption {
+.caption {
   color: var(--muted);
   font-weight: var(--font-weight-body);
   letter-spacing: var(--letter-spacing-headline);
   line-height: var(--line-height-caption);
-  }
+}
 
-  .pill {
+.pill {
   border-radius: var(--radii-circle);
   padding-left: var(--spacing-3);
   padding-right: var(--spacing-3);
@@ -185,9 +191,9 @@
   background: var(--primary);
   color: var(--background);
   font-weight: var(--font-weight-bold);
-  }
+}
 
-  .outline-badge {
+.outline-badge {
   border-radius: var(--radii-circle);
   padding-left: var(--spacing-3);
   padding-right: var(--spacing-3);
@@ -198,9 +204,9 @@
   color: var(--muted);
   border: 1px solid currentcolor;
   font-weight: var(--font-weight-body);
-  }
+}
 
-  button {
+button {
   cursor: pointer;
   font-family: inherit;
   font-weight: var(--font-weight-bold);
@@ -211,7 +217,9 @@
   box-shadow: var(--shadow-card);
   letter-spacing: var(--letter-spacing-headline);
   -webkit-tap-highlight-color: transparent;
-    transition: transform 0.125s ease-in-out, box-shadow 0.125s ease-in-out;
+  transition:
+    transform 0.125s ease-in-out,
+    box-shadow 0.125s ease-in-out;
   box-sizing: border-box;
   margin: 0;
   min-width: 0;
@@ -230,14 +238,14 @@
   background-color: var(--theme-ui-colors-primary, #ec3750);
   border: 0;
   font-size: var(--font-2);
-  }
+}
 
-  button:focus,
+button:focus,
-  button:hover {
+button:hover {
   box-shadow: var(--shadow-elevated);
   transform: scale(1.0625);
-  }
+}
-  .button {
+.button {
   cursor: pointer;
   font-family: inherit;
   font-weight: var(--font-weight-bold);
@@ -248,7 +256,9 @@
   box-shadow: var(--shadow-card);
   letter-spacing: var(--letter-spacing-headline);
   -webkit-tap-highlight-color: transparent;
-    transition: transform 0.125s ease-in-out, box-shadow 0.125s ease-in-out;
+  transition:
+    transform 0.125s ease-in-out,
+    box-shadow 0.125s ease-in-out;
   box-sizing: border-box;
   margin: 0;
   min-width: 0;
@@ -267,65 +277,67 @@
   background-color: var(--theme-ui-colors-primary, #ec3750);
   border: 0;
   font-size: var(--font-2);
-  }
+}
 
-  .button:focus,
+.button:focus,
-  .button:hover {
+.button:hover {
   box-shadow: var(--shadow-elevated);
   transform: scale(1.0625);
-  }
+}
-  button.lg {
+button.lg {
-    font-size: var(--font-3)!important;
+  font-size: var(--font-3) !important;
   line-height: var(--line-height-title);
   padding-left: var(--spacing-4);
   padding-right: var(--spacing-4);
   padding-top: var(--spacing-3);
   padding-bottom: var(--spacing-3);
-  }
+}
 
-  button.outline {
+button.outline {
   background: none;
   color: var(--primary);
   border: 2px solid currentcolor;
-  }
+}
 
-  button.cta {
+button.cta {
   font-size: var(--font-2);
   background-image: radial-gradient(
     ellipse farthest-corner at top left,
     var(--orange),
     var(--red)
   );
-  }
+}
 
-  .card {
+.card {
   background: var(--elevated);
   color: var(--text);
   border-radius: var(--radii-extra);
   box-shadow: var(--shadow-card);
   overflow: hidden;
-  }
+}
 
-  .card.sunken {
+.card.sunken {
   background: var(--sunken);
   box-shadow: none;
-  }
+}
 
-  .card.interactive {
+.card.interactive {
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
-    transition: transform 0.125s ease-in-out, box-shadow 0.125s ease-in-out;
+  transition:
-  }
+    transform 0.125s ease-in-out,
+    box-shadow 0.125s ease-in-out;
+}
 
-  .card.interactive:hover,
+.card.interactive:hover,
-  .card.interactive:focus {
+.card.interactive:focus {
   transform: scale(1.0625);
   box-shadow: var(--shadow-elevated);
-  }
+}
 
-  input,
+input,
-  textarea,
+textarea,
-  select {
+select {
   background: var(--elevated);
   color: var(--text);
   font-family: inherit;
@@ -336,141 +348,141 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  }
+}
 
-  input::-webkit-input-placeholder,
+input::-webkit-input-placeholder,
-  input::-moz-placeholder,
+input::-moz-placeholder,
-  input:-ms-input-placeholder,
+input:-ms-input-placeholder,
-  textarea::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder,
-  textarea::-moz-placeholder,
+textarea::-moz-placeholder,
-  textarea:-ms-input-placeholder,
+textarea:-ms-input-placeholder,
-  select::-webkit-input-placeholder,
+select::-webkit-input-placeholder,
-  select::-moz-placeholder,
+select::-moz-placeholder,
-  select:-ms-input-placeholder {
+select:-ms-input-placeholder {
   color: var(--muted);
-  }
+}
 
-  input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-decoration,
-  textarea[type="search"]::-webkit-search-decoration,
+textarea[type="search"]::-webkit-search-decoration,
-  select[type="search"]::-webkit-search-decoration {
+select[type="search"]::-webkit-search-decoration {
   display: none;
-  }
+}
 
-  input[type="checkbox"] {
+input[type="checkbox"] {
   -webkit-appearance: checkbox;
   -moz-appearance: checkbox;
   appearance: checkbox;
-  }
+}
 
-  label {
+label {
   color: var(--text);
   display: flex;
   flex-direction: column;
   text-align: left;
   line-height: var(--line-height-caption);
   font-size: var(--font-3);
-  }
+}
 
-  label.horizontal {
+label.horizontal {
   display: flex;
-  }
+}
 
-  .slider {
+.slider {
   color: var(--primary);
-  }
+}
 
-  .form-hidden {
+.form-hidden {
   position: absolute;
   height: 1px;
   width: 1px;
   clip: rect(1px, 1px, 1px, 1px);
   white-space: nowrap;
-  }
+}
 
-  .container {
+.container {
   width: 100%;
   margin: auto;
   padding-left: var(--spacing-3);
   padding-right: var(--spacing-3);
-  }
+}
 
-  h1 {
+h1 {
   font-size: var(--font-5);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  h2 {
+h2 {
   font-size: var(--font-4);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  h3 {
+h3 {
   font-size: var(--font-3);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  h4 {
+h4 {
   font-size: var(--font-2);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  h5 {
+h5 {
   font-size: var(--font-1);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  h6 {
+h6 {
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-heading);
   margin-top: 0;
   margin-bottom: 0;
-  }
+}
 
-  p {
+p {
   color: var(--text);
   font-weight: var(--font-weight-body);
   line-height: var(--line-height-body);
   margin-top: var(--spacing-3);
   margin-bottom: var(--spacing-3);
-  }
+}
 
-  img {
+img {
   max-width: 100%;
-  }
+}
 
-  hr {
+hr {
   border: 0;
   border-bottom: 1px solid var(--border);
-  }
+}
 
-  a {
+a {
   color: var(--primary);
   text-decoration: underline;
   text-underline-position: under;
-  }
+}
 
-  a:focus,
+a:focus,
-  a:hover {
+a:hover {
   text-decoration-style: wavy;
   text-decoration-skip-ink: none;
-  }
+}
 
-  pre {
+pre {
   font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
   font-size: var(--font-1);
   padding: var(--spacing-3);
@@ -479,17 +491,17 @@
   overflow: auto;
   border-radius: var(--radii-default);
   white-space: inherit;
-  }
+}
 
-  pre > code {
+pre > code {
   color: inherit;
   margin-left: 0;
   margin-right: 0;
   padding-left: 0;
   padding-right: 0;
-  }
+}
 
-  code {
+code {
   font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
   font-size: inherit;
   color: var(--purple);
@@ -500,54 +512,53 @@
   margin-right: var(--spacing-1);
   padding-left: var(--spacing-1);
   padding-right: var(--spacing-1);
-  }
+}
 
-  p > code,
+p > code,
-  li > code {
+li > code {
   color: var(--blue);
   font-size: 0.875em;
-  }
+}
 
-  p > a > code,
+p > a > code,
-  li > a > code {
+li > a > code {
   color: var(--blue);
   font-size: 0.875em;
-  }
+}
 
-  li {
+li {
   margin-top: var(--spacing-2);
   margin-bottom: var(--spacing-2);
-  }
+}
 
-  table {
+table {
   width: 100%;
   margin-top: var(--spacing-4);
   margin-bottom: var(--spacing-4);
   border-collapse: separate;
   border-spacing: 0;
-  }
+}
 
-  table > th,
+table > th,
-  table > td {
+table > td {
   text-align: left;
   padding: 4px;
   padding-left: 0px;
   border-color: var(--border);
   border-bottom-style: solid;
-  }
+}
 
-  th {
+th {
   vertical-align: bottom;
   border-bottom-width: 2px;
-  }
+}
 
-  td {
+td {
   vertical-align: top;
   border-bottom-width: 1px;
-  }
+}
 
-  
+@media screen and (min-width: 32em) {
-  @media screen and (min-width: 32em) {
   .ultratitle {
     font-size: var(--font-5);
   }
@@ -577,9 +588,9 @@
   .container.narrow {
     max-width: var(--size-narrow);
   }
-  }
+}
 
-  @media screen and (min-width: 48em) {
+@media screen and (min-width: 48em) {
   .ultratitle {
     font-size: var(--font-6);
   }
@@ -600,9 +611,9 @@
   .card {
     padding: var(--spacing-4);
   }
-  }
+}
 
-  @media screen and (min-width: 64em) {
+@media screen and (min-width: 64em) {
   .ultratitle {
     font-size: var(--font-7);
   }
@@ -621,5 +632,4 @@
   .container.narrow {
     max-width: var(--size-narrow-plus);
   }
-  }
+}
-