diff --git a/src/_data/packs.json b/src/_data/packs.json
index 3d77463..15925ae 100644
--- a/src/_data/packs.json
+++ b/src/_data/packs.json
@@ -751,5 +751,42 @@
                 "card": {"foil": false, "id":"1728ad2d-c8a6-49e4-85bb-29934fa26208"}
             }
         ]
+    },
+    "20":{
+        "art":{
+            "foil":false,
+            "rotate": false,
+            "id":"824ccb71-524e-4ce8-9d29-d80d7f456a67"
+        },
+        "commons":{
+            "head": "Commons",
+            "cards": [
+                {"foil": false,  "id":"ee7f525c-d777-4adf-8920-8adfc73bbc55"},
+                {"foil": false,  "id":"f6ee12ba-0e6c-485a-a1ff-61726ed72fea"},
+                {"foil": false,  "id":"007324b3-b8a9-4a32-a5a1-ad78f3a07bc3"},
+                {"foil": false,  "id":"194ad785-21bb-4ce6-8776-31c67259fb99"},
+                {"foil": false,  "id":"1bdd3ecb-8c11-4a4c-a503-bc29f79a9dcb"},
+                {"foil": false,  "id":"83ca46ac-0698-4651-940d-3fd20c266b74"},
+                {"foil": false,  "id":"d0749c3c-e3f7-4c96-8c5b-4fd2401544c4"},
+                {"foil": false,  "id":"76b5e289-6bc4-48ee-8d5b-6989bab9f901"}]
+        },
+        "focusCards":[
+            {
+                "head": "Wild Card",
+                "card": {"foil": false, "id":"c0ef6737-8e85-42ca-8ee6-6a34f9462de3"}
+            },
+            {
+                "head": "Rare Card",
+                "card": {"foil": false, "id":"6f455cc1-a822-44ef-ba7c-bfcff69bd45e"}
+            },
+            {
+                "head": "Showcase Card",
+                "card": {"foil": false, "id":"1998356b-4eb3-43a7-8534-10eb212c7f2a"}
+            },
+            {
+                "head": "Random Foil Card",
+                "card": {"foil": true, "id":"56f642ae-68f3-4eeb-8b3f-a9fe1596231d"}
+            }
+        ]
     }
 }
\ No newline at end of file
diff --git a/src/images/art/art20.png b/src/images/art/art20.png
new file mode 100644
index 0000000..02f2528
Binary files /dev/null and b/src/images/art/art20.png differ
diff --git a/src/style/style.css b/src/style/style.css
index bc973d3..302153b 100644
--- a/src/style/style.css
+++ b/src/style/style.css
@@ -552,12 +552,12 @@ video {
   position: relative;
 }
 
-.-bottom-2 {
-  bottom: -0.5rem;
+.bottom-4 {
+  bottom: 1rem;
 }
 
-.-left-2 {
-  left: -0.5rem;
+.left-0 {
+  left: 0px;
 }
 
 .right-0 {
@@ -568,30 +568,10 @@ video {
   top: 0px;
 }
 
-.bottom-4 {
-  bottom: 1rem;
-}
-
-.left-0 {
-  left: 0px;
-}
-
 .z-10 {
   z-index: 10;
 }
 
-.z-20 {
-  z-index: 20;
-}
-
-.z-40 {
-  z-index: 40;
-}
-
-.z-50 {
-  z-index: 50;
-}
-
 .m-10 {
   margin: 2.5rem;
 }
@@ -643,8 +623,8 @@ video {
   aspect-ratio: 1 / 1;
 }
 
-.aspect-video {
-  aspect-ratio: 16 / 9;
+.h-full {
+  height: 100%;
 }
 
 .h-max {
@@ -652,10 +632,6 @@ video {
   height: max-content;
 }
 
-.h-full {
-  height: 100%;
-}
-
 .w-1\/2 {
   width: 50%;
 }
@@ -668,10 +644,6 @@ video {
   width: 66.666667%;
 }
 
-.w-4\/12 {
-  width: 33.333333%;
-}
-
 .w-full {
   width: 100%;
 }
@@ -685,22 +657,6 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
-
-  50% {
-    transform: none;
-    animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
-}
-
-.animate-bounce {
-  animation: bounce 1s infinite;
-}
-
 .cursor-pointer {
   cursor: pointer;
 }
@@ -729,10 +685,6 @@ video {
   place-items: center;
 }
 
-.gap-4 {
-  gap: 1rem;
-}
-
 .gap-5 {
   gap: 1.25rem;
 }
@@ -749,24 +701,16 @@ video {
   border-radius: 9999px;
 }
 
-.rounded-md {
-  border-radius: 0.375rem;
-}
-
-.rounded-xl {
-  border-radius: 0.75rem;
-}
-
 .rounded-lg {
   border-radius: 0.5rem;
 }
 
-.rounded-bl-lg {
-  border-bottom-left-radius: 0.5rem;
+.rounded-md {
+  border-radius: 0.375rem;
 }
 
-.rounded-tr-full {
-  border-top-right-radius: 9999px;
+.rounded-xl {
+  border-radius: 0.75rem;
 }
 
 .rounded-tr-3xl {
@@ -787,10 +731,6 @@ video {
   background-color: rgb(147 197 253 / var(--tw-bg-opacity));
 }
 
-.bg-gray-800\/75 {
-  background-color: rgb(30 41 59 / 0.75);
-}
-
 .bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
@@ -800,20 +740,16 @@ video {
   --tw-bg-opacity: 0.25;
 }
 
-.bg-opacity-75 {
-  --tw-bg-opacity: 0.75;
-}
-
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
 
-.bg-\[url\(\.\.\/images\/art\/art1\.png\)\] {
-  background-image: url(../images/art/art1.png);
+.bg-opacity-75 {
+  --tw-bg-opacity: 0.75;
 }
 
-.bg-\[url\(\.\.\/images\/cardBack\.jpg\)\] {
-  background-image: url(../images/cardBack.jpg);
+.bg-\[url\(\.\.\/images\/art\/art1\.png\)\] {
+  background-image: url(../images/art/art1.png);
 }
 
 .bg-\[url\(\.\.\/images\/art\/art10\.png\)\] {
@@ -852,6 +788,10 @@ video {
   background-image: url(../images/art/art18.png);
 }
 
+.bg-\[url\(\.\.\/images\/art\/art19\.png\)\] {
+  background-image: url(../images/art/art19.png);
+}
+
 .bg-\[url\(\.\.\/images\/art\/art2\.png\)\] {
   background-image: url(../images/art/art2.png);
 }
@@ -884,8 +824,8 @@ video {
   background-image: url(../images/art/art9.png);
 }
 
-.bg-\[url\(\.\.\/images\/art\/art19\.png\)\] {
-  background-image: url(../images/art/art19.png);
+.bg-\[url\(\.\.\/images\/art\/art20\.png\)\] {
+  background-image: url(../images/art/art20.png);
 }
 
 .bg-cover {
@@ -896,18 +836,14 @@ video {
   background-position: center;
 }
 
-.p-5 {
-  padding: 1.25rem;
-}
-
-.p-6 {
-  padding: 1.5rem;
-}
-
 .p-0 {
   padding: 0px;
 }
 
+.p-5 {
+  padding: 1.25rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -931,20 +867,6 @@ video {
   text-align: center;
 }
 
-.font-serif {
-  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-}
-
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
 .font-bold {
   font-weight: 700;
 }
@@ -957,11 +879,6 @@ video {
   text-transform: uppercase;
 }
 
-.text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1019,11 +936,6 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
-.drop-shadow-lg {
-  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 .drop-shadow-md {
   --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1070,10 +982,6 @@ video {
   transform-style: preserve-3d;
 }
 
-.hover\:bg-\[url\(\.\.\/images\/theme\.jpg\)\]:hover {
-  background-image: url(../images/theme.jpg);
-}
-
 .hover\:bg-\[url\(\.\.\/images\/art\/art1\.png\)\]:hover {
   background-image: url(../images/art/art1.png);
 }
@@ -1110,6 +1018,10 @@ video {
   background-image: url(../images/art/art17.png);
 }
 
+.hover\:bg-\[url\(\.\.\/images\/art\/art18\.png\)\]:hover {
+  background-image: url(../images/art/art18.png);
+}
+
 .hover\:bg-\[url\(\.\.\/images\/art\/art2\.png\)\]:hover {
   background-image: url(../images/art/art2.png);
 }
@@ -1142,8 +1054,12 @@ video {
   background-image: url(../images/art/art9.png);
 }
 
-.hover\:bg-\[url\(\.\.\/images\/art\/art18\.png\)\]:hover {
-  background-image: url(../images/art/art18.png);
+.hover\:bg-\[url\(\.\.\/images\/theme\.jpg\)\]:hover {
+  background-image: url(../images/theme.jpg);
+}
+
+.hover\:bg-\[url\(\.\.\/images\/art\/art19\.png\)\]:hover {
+  background-image: url(../images/art/art19.png);
 }
 
 .hover\:text-blue-200:hover {
@@ -1151,9 +1067,8 @@ video {
   color: rgb(191 219 254 / var(--tw-text-opacity));
 }
 
-.hover\:text-blue-300:hover {
-  --tw-text-opacity: 1;
-  color: rgb(147 197 253 / var(--tw-text-opacity));
+.hover\:text-transparent:hover {
+  color: transparent;
 }
 
 .hover\:text-yellow-500:hover {
@@ -1161,10 +1076,6 @@ video {
   color: rgb(245 158 11 / var(--tw-text-opacity));
 }
 
-.hover\:text-transparent:hover {
-  color: transparent;
-}
-
 .hover\:outline:hover {
   outline-style: solid;
 }