From fadf48460ab1922770bbace3be9bec9fcd22a6dd Mon Sep 17 00:00:00 2001
From: wbraden <133058316+wbraden@users.noreply.github.com>
Date: Thu, 8 Aug 2024 12:52:44 -0600
Subject: [PATCH] Delete main.css

---
 main.css | 306 -------------------------------------------------------
 1 file changed, 306 deletions(-)
 delete mode 100644 main.css

diff --git a/main.css b/main.css
deleted file mode 100644
index 48dcd0c..0000000
--- a/main.css
+++ /dev/null
@@ -1,306 +0,0 @@
-:root {
-    --color-text-primary: #302638;
-    --color-text-secondary: #6b6471;
-    --color-text-promotion: #c63e15;
-    --color-background-primary: #ffffff;
-    --color-background-secondary: #f6f5f6;
-    --color-background-tertiary: #ebeaeb;
-    --color-border-primary: #6b6471;
-    --color-border-secondary: #908d96;
-    --color-border-tertiary: #cac9cc;
-    /* red */
-    --color-accent-red-bg-subtle: hsl(12 100% 95.1%);
-    --color-accent-red-bg-soft: hsl(14.5 93.5% 87.8%);
-    --color-accent-red-bg-loud: hsl(349 63% 53.7%);
-    --color-accent-red-bg-heavy: hsl(347 83.7% 22.1%);
-    --color-accent-red-content-primary: hsl(344 90% 13.3%);
-    --color-accent-red-content-secondary: hsl(346 68.7% 43.9%);
-    --color-accent-red-border-soft: hsl(14.5 93.5% 87.8%);
-    --color-accent-red-border-loud: hsl(349 63% 53.7%);
-    --color-accent-red-border-heavy: hsl(347 83.7% 22.1%);
-    /* orange */
-    --color-accent-orange-bg-subtle: hsl(35 100% 90.6%);
-    --color-accent-orange-bg-soft: hsl(35.3 100% 82.4%);
-    --color-accent-orange-bg-loud: hsl(35.3 100% 41.4%);
-    --color-accent-orange-bg-heavy: hsl(20.8 80% 17.6%);
-    --color-accent-orange-content-primary: hsl(19 77.4% 10.4%);
-    --color-accent-orange-content-secondary: hsl(35.4 100% 28.2%);
-    --color-accent-orange-border-soft: hsl(35.3 100% 82.4%);
-    --color-accent-orange-border-loud: hsl(35.3 100% 41.4%);
-    --color-accent-orange-border-heavy: hsl(20.8 80% 17.6%);
-    /* yellow */
-    --color-accent-yellow-bg-subtle: hsl(45.4 100% 85.5%);
-    --color-accent-yellow-bg-soft: hsl(45.2 95% 78%);
-    --color-accent-yellow-bg-loud: hsl(45.4 94.7% 55.9%);
-    --color-accent-yellow-bg-heavy: hsl(32.9 100% 14.3%);
-    --color-accent-yellow-content-primary: hsl(31.4 100% 8.24%);
-    --color-accent-yellow-content-secondary: hsl(44.8 100% 24.7%);
-    --color-accent-yellow-border-soft: hsl(45.2 95% 78%);
-    --color-accent-yellow-border-loud: hsl(45.4 94.7% 55.9%);
-    --color-accent-yellow-border-heavy: hsl(32.9 100% 14.3%);
-    /* green */
-    --color-accent-green-bg-subtle: hsl(144 62.5% 90.6%);
-    --color-accent-green-bg-soft: hsl(146 60.4% 81.2%);
-    --color-accent-green-bg-loud: hsl(159 59.5% 32.9%);
-    --color-accent-green-bg-heavy: hsl(160 39.5% 14.9%);
-    --color-accent-green-content-primary: hsl(159 39.5% 8.43%);
-    --color-accent-green-content-secondary: hsl(160 58.9% 27.6%);
-    --color-accent-green-border-soft: hsl(146 60.4% 81.2%);
-    --color-accent-green-border-loud: hsl(159 59.5% 32.9%);
-    --color-accent-green-border-heavy: hsl(160 39.5% 14.9%);
-    /* blue */
-    --color-accent-blue-bg-subtle: hsl(217 92% 95.1%);
-    --color-accent-blue-bg-soft: hsl(218 95.8% 90.6%);
-    --color-accent-blue-bg-loud: hsl(204 99% 40%);
-    --color-accent-blue-bg-heavy: hsl(211 79.8% 19.4%);
-    --color-accent-blue-content-primary: hsl(213 76.3% 11.6%);
-    --color-accent-blue-content-secondary: hsl(201 100% 31.8%);
-    --color-accent-blue-border-soft: hsl(218 95.8% 90.6%);
-    --color-accent-blue-border-loud: hsl(204 99% 40%);
-    --color-accent-blue-border-heavy: hsl(211 79.8% 19.4%);
-    /* purple */
-    --color-accent-purple-bg-subtle: hsl(247 100% 96.5%);
-    --color-accent-purple-bg-soft: hsl(249 100% 93.1%);
-    --color-accent-purple-bg-loud: hsl(258 57% 60.8%);
-    --color-accent-purple-bg-heavy: hsl(267 53% 25.9%);
-    --color-accent-purple-content-primary: hsl(268 54.7% 14.7%);
-    --color-accent-purple-content-secondary: hsl(260 44.7% 51.8%);
-    --color-accent-purple-border-soft: hsl(249 100% 93.1%);
-    --color-accent-purple-border-loud: hsl(258 57% 60.8%);
-    --color-accent-purple-border-heavy: hsl(267 53% 25.9%);
-    /* neutral */
-    --color-accent-neutral-bg-subtle: hsl(0 0% 93.7%);
-    --color-accent-neutral-bg-soft: hsl(0 0% 87.8%);
-    --color-accent-neutral-bg-loud: hsl(260 1.26% 46.9%);
-    --color-accent-neutral-bg-heavy: hsl(272 18.7% 17.8%);
-    --color-accent-neutral-content-primary: hsl(275 20% 11.8%);
-    --color-accent-neutral-content-secondary: hsl(240 0.5% 39%);
-    --color-accent-neutral-border-soft: hsl(0 0% 87.8%);
-    --color-accent-neutral-border-loud: hsl(260 1.26% 46.9%);
-    --color-accent-neutral-border-heavy: hsl(272 18.7% 17.8%);
-    --color-action: rgb(0, 0, 0);
-
-    --size-max-width: 1880px;
-    --gap: 8px;
-
-    /* --aspect_ratio_wrapper-ratio: 16 / 9; */
-    /* --aspect_ratio_wrapper-padding_fallback:calc( (9 / 16) * 100%) */
-    --aspect_ratio_wrapper-ratio: 4 / 3;
-    /* --aspect_ratio_wrapper-padding_fallback:calc( (3 / 4) * 100%) */
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-  body {
-    display: block;
-    font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue,
-      sans-serif;
-    line-height: 1.43;
-    color: --color-text-primary;
-    background-color: --color-background-primary;
-    margin: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-synthesis: none;
-  }
-
-  .box {
-    background-color: var(--color-background-primary);
-    border: 1px solid rgba(0, 0, 0, 0);
-    border-radius: 0.5rem;
-    display: flex;
-    flex-direction: column;
-    padding: 0.5rem;
-    cursor: pointer;
-    /* aspect-ratio: var(--aspect_ratio_wrapper-ratio);  */
-    /* height: 100%;                            */
-    min-height: 200px;
-  }
-  .box:hover {
-    background-color: var(--color-background-tertiary);
-    border: 1px solid rgba(0, 0, 0, 0.1);
-  }
-  .box.horizontal {
-    flex-direction: row;
-  }
-
-  .box.col-span-2 {
-    grid-column: span 2;
-  }
-  .box.col-span-3 {
-    grid-column: span 3;
-  }
-  .box.col-span-4 {
-    grid-column: span 4;
-  }
-
-  .box.merch-card {
-    /* flex-direction: column-reverse; */
-    background-size: cover;
-    border: none;
-    background-position: center center;
-  }
-  .box.merch-card .content {
-    flex-direction: column-reverse;
-
-    /* height: 100%; */
-  }
-  .container {
-    margin: 0 auto;
-    padding: 0 1rem;
-    max-width: var(--size-max-width);
-  }
-
-  img {
-    width: 100%;
-    height: auto;
-  }
-  .box > img {
-    mix-blend-mode: multiply;
-  }
-  img.logo {
-    width: 40px;
-    height: 40px;
-  }
-
-  .pattern {
-    background-size: 64px;
-    background-repeat: repeat;
-  }
-
-  section {
-    width: 100%;
-    padding: 2rem;
-    container-type: inline-size;
-    container-name: section;
-  }
-
-
-  .section-header {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    margin-bottom: 1rem;
-    gap: var(--gap);
-  }
-  .section-header button {
-    font-size: 24px;
-    border: none;
-    border-radius: 999px;
-    width: 40px;
-    height: 40px;
-    padding-bottom: 3px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .section-header .headline {
-    flex: auto;
-    display: flex;
-    flex-direction: column;
-  }
-  .section-header .left-slot,
-  .section-header .right-slot {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: var(--gap);
-  }
-  .shadow-tag::part(base) {
-    box-shadow: var(--sl-shadow-small);
-    border: none;
-    width: fit-content;
-  }
-
-  .typography.body {
-    line-height: 1.5;
-    margin: 0;
-  }
-  .typography.body.md {
-    font-size: 14px;
-  }
-  .typography.body.sm {
-    font-size: 12px;
-  }
-  .typography.headline,
-  .typography.subheadline.lg {
-    margin: 0;
-  }
-  .typography.headline.lg {
-    font-size: 24px;
-    font-weight: 700;
-    margin: 0;
-  }
-  .typography.subheadline.lg {
-    font-size: 16px;
-    font-weight: 300;
-    margin: 0;
-  }
-  .link {
-    font-weight: 700;
-    color: var(--color-action);
-    cursor: pointer;
-  }
-  .link:hover {
-    text-decoration: underline;
-  }
-  .wrapper {
-    column-gap: 8px;
-    display: grid;
-    /* grid-template-columns: repeat(var(--breakpoint-grid_columns, 1), minmax(167px,     1fr));                 */
-    grid-template-columns: repeat(
-      var(--breakpoint-grid_columns, 1),
-      minmax(157px, 1fr)
-    );
-    row-gap: 1rem;
-    grid-auto-flow: dense;
-  }
-  .wrapper.carousel {
-    --size: 150px;
-    display: grid;
-    grid-auto-flow: column;
-    grid-auto-columns: var(--size);
-    grid-gap: var(--gap);
-    gap: var(--gap);
-    overflow-x: auto;
-    overscroll-behavior-x: contain;
-    scroll-snap-type: x proximity;
-    scroll-padding-inline-start: var(--gap);
-  }
-  .wrapper[class] {
-    --breakpoint-grid_columns: 2;
-  }
-
-  @container section (min-width: 480px) {
-    .wrapper[class] {
-      --breakpoint-grid_columns: 3;
-    }
-  }
-  @container section (min-width: 768px) {
-    .wrapper[class] {
-      --breakpoint-grid_columns: 5;
-    }
-  }
-  @container section (min-width: 1280px) {
-    .wrapper[class] {
-      --breakpoint-grid_columns: 7;
-    }
-  }
-  @container section (min-width: 1440px) {
-    .wrapper[class] {
-      --breakpoint-grid_columns: 8;
-    }
-  }
-  @container section (min-width: 1880px) {
-    .wrapper[class] {
-      --breakpoint-grid_columns: 8;
-    }
-  }
-
-  .tile-image {
-    aspect-ratio: var(--aspect_ratio_wrapper-ratio, unset);
-  }
\ No newline at end of file