From 5c49bdce3e3007948fe10d145c00990838c2f574 Mon Sep 17 00:00:00 2001
From: Hasan_sh <hasansh343@gmail.com>
Date: Thu, 14 Dec 2023 12:05:45 +0100
Subject: [PATCH] [BUG] fix adventure public index (#4905)

DynamoDB doesn't support boolean indexes. As a result, we have to convert these to numbers.
---
 static/css/generated.full.css | 2530 ++++++++++++++++++++++-----------
 tests_e2e.py                  |    4 +-
 website/database.py           |    6 +-
 website/for_teachers.py       |    4 +-
 website/public_adventures.py  |    2 +-
 5 files changed, 1743 insertions(+), 803 deletions(-)

diff --git a/static/css/generated.full.css b/static/css/generated.full.css
index 797457a299c..f56b425a811 100644
--- a/static/css/generated.full.css
+++ b/static/css/generated.full.css
@@ -1223,20 +1223,16 @@ code {
   position: static;
 }
 
-.fixed {
-  position: fixed;
-}
-
 .\!fixed {
   position: fixed !important;
 }
 
-.absolute {
-  position: absolute;
+.fixed {
+  position: fixed;
 }
 
-.\!relative {
-  position: relative !important;
+.absolute {
+  position: absolute;
 }
 
 .relative {
@@ -2002,47 +1998,19 @@ code {
   bottom: -100%;
 }
 
-.-top-1 {
-  top: -0.25rem;
 .-inset-y-px {
   top: -1px;
   bottom: -1px;
 }
 
-.top-0\.5 {
-  top: 0.125rem;
-}
-
-.right-0\.5 {
-  right: 0.125rem;
-}
-
-.top-0 {
-  top: 0px;
-}
-
-.right-0 {
-  right: 0px;
-}
-
-.top-2 {
-  top: 0.5rem;
-}
-
-.right-2 {
-  right: 0.5rem;
-}
-
-.left-0 {
+.inset-x-0 {
   left: 0px;
+  right: 0px;
 }
 
-.left-1\/2 {
-  left: 50%;
-}
-
-.top-16 {
-  top: 4rem;
+.inset-x-0\.5 {
+  left: 0.125rem;
+  right: 0.125rem;
 }
 
 .inset-x-1 {
@@ -4505,22 +4473,6 @@ code {
   top: 1px;
 }
 
-.top-\[-\] {
-  top: -;
-}
-
-.top-\[-100\] {
-  top: -100;
-}
-
-.top-\[-100\%\] {
-  top: -100%;
-}
-
-.top-\[\] {
-  top: ;
-}
-
 .isolate {
   isolation: isolate;
 }
@@ -4993,6 +4945,10 @@ code {
   clear: none;
 }
 
+.\!m-0 {
+  margin: 0px !important;
+}
+
 .-m-0 {
   margin: -0px;
 }
@@ -5627,147 +5583,7 @@ code {
   margin-bottom: -1px;
 }
 
-.-my-0\.5 {
-  margin-top: -0.125rem;
-  margin-bottom: -0.125rem;
-}
-
-.-my-1\.5 {
-  margin-top: -0.375rem;
-  margin-bottom: -0.375rem;
-}
-
-.-my-2\.5 {
-  margin-top: -0.625rem;
-  margin-bottom: -0.625rem;
-}
-
-.-my-3\.5 {
-  margin-top: -0.875rem;
-  margin-bottom: -0.875rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mr-2 {
-  margin-right: 0.5rem;
-}
-
-.ml-4 {
-  margin-left: 1rem;
-}
-
-.mt-4 {
-  margin-top: 1rem;
-}
-
-.ml-auto {
-  margin-left: auto;
-}
-
-.ml-14 {
-  margin-left: 3.5rem;
-}
-
-.mb-4 {
-  margin-bottom: 1rem;
-}
-
-.ml-2 {
-  margin-left: 0.5rem;
-}
-
-.mt-0 {
-  margin-top: 0px;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.mb-8 {
-  margin-bottom: 2rem;
-}
-
-.mt-10 {
-  margin-top: 2.5rem;
-}
-
-.mb-0 {
-  margin-bottom: 0px;
-}
-
-.mr-4 {
-  margin-right: 1rem;
-}
-
-.mt-3 {
-  margin-top: 0.75rem;
-}
-
-.mt-8 {
-  margin-top: 2rem;
-}
-
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-
-.-mt-8 {
-  margin-top: -2rem;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-auto {
-  margin-top: auto;
-}
-
-.-ml-32 {
-  margin-left: -8rem;
-}
-
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-
-.-mb-px {
-  margin-bottom: -1px;
-}
-
-.mr-1 {
-  margin-right: 0.25rem;
-}
-
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
-.-mr-6 {
-  margin-right: -1.5rem;
-}
-
-.mt-0\.5 {
-  margin-top: 0.125rem;
-}
-
-.mr-5 {
-  margin-right: 1.25rem;
-}
-
-.ml-6 {
-  margin-left: 1.5rem;
-}
-
-.mt-5 {
-  margin-top: 1.25rem;
-}
-
-.ml-0 {
+.mx-0 {
   margin-left: 0px;
   margin-right: 0px;
 }
@@ -11305,68 +11121,8 @@ code {
   }
 }
 
-.animate-bounce {
-  animation: bounce 1s infinite;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.cursor-grab {
-  cursor: grab;
-}
-
-.cursor-auto {
-  cursor: auto;
-}
-
-.cursor-default {
-  cursor: default;
-}
-
-.cursor-wait {
-  cursor: wait;
-}
-
-.cursor-text {
-  cursor: text;
-}
-
-.cursor-move {
-  cursor: move;
-}
-
-.cursor-help {
-  cursor: help;
-}
-
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
-
-.cursor-none {
-  cursor: none;
-}
-
-.cursor-context-menu {
-  cursor: context-menu;
-}
-
-.cursor-progress {
-  cursor: progress;
-}
-
-.cursor-cell {
-  cursor: cell;
-}
-
-.cursor-crosshair {
-  cursor: crosshair;
-}
-
-.cursor-vertical-text {
-  cursor: vertical-text;
+.animate-spin {
+  animation: spin 1s linear infinite;
 }
 
 .cursor-alias {
@@ -11413,6 +11169,10 @@ code {
   cursor: ew-resize;
 }
 
+.cursor-grab {
+  cursor: grab;
+}
+
 .cursor-grabbing {
   cursor: grabbing;
 }
@@ -15945,10 +15705,6 @@ code {
   grid-auto-rows: min-content;
 }
 
-.grid-cols-\[repeat\(3\2c _minmax\(25px\2c _1fr\)\)\] {
-  grid-template-columns: repeat(3, minmax(25px, 1fr));
-}
-
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -15997,12 +15753,12 @@ code {
   grid-template-columns: repeat(9, minmax(0, 1fr));
 }
 
-.grid-cols-none {
-  grid-template-columns: none;
+.grid-cols-\[repeat\(3\2c _minmax\(25px\2c _1fr\)\)\] {
+  grid-template-columns: repeat(3, minmax(25px, 1fr));
 }
 
-.grid-rows-\[1fr_100px\] {
-  grid-template-rows: 1fr 100px;
+.grid-cols-none {
+  grid-template-columns: none;
 }
 
 .grid-rows-1 {
@@ -16029,6 +15785,10 @@ code {
   grid-template-rows: repeat(6, minmax(0, 1fr));
 }
 
+.grid-rows-\[1fr_100px\] {
+  grid-template-rows: 1fr 100px;
+}
+
 .grid-rows-none {
   grid-template-rows: none;
 }
@@ -16229,24 +15989,8 @@ code {
   gap: 0.25rem;
 }
 
-.gap-3 {
-  gap: 0.75rem;
-}
-
-.gap-0 {
-  gap: 0px;
-}
-
-.gap-5 {
-  gap: 1.25rem;
-}
-
-.gap-7 {
-  gap: 1.75rem;
-}
-
-.gap-9 {
-  gap: 2.25rem;
+.gap-1\.5 {
+  gap: 0.375rem;
 }
 
 .gap-10 {
@@ -16688,244 +16432,6 @@ code {
   row-gap: 1px;
 }
 
-.gap-y-0\.5 {
-  row-gap: 0.125rem;
-}
-
-.gap-y-1\.5 {
-  row-gap: 0.375rem;
-}
-
-.gap-y-2\.5 {
-  row-gap: 0.625rem;
-}
-
-.gap-y-3\.5 {
-  row-gap: 0.875rem;
-}
-
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-}
-
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-}
-
-.space-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0px * var(--tw-space-x-reverse));
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-7 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2rem * var(--tw-space-x-reverse));
-  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-9 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-10 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-11 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-12 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(3rem * var(--tw-space-x-reverse));
-  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-14 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(3.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-16 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(4rem * var(--tw-space-x-reverse));
-  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-20 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(5rem * var(--tw-space-x-reverse));
-  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-24 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(6rem * var(--tw-space-x-reverse));
-  margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-28 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(7rem * var(--tw-space-x-reverse));
-  margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-32 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(8rem * var(--tw-space-x-reverse));
-  margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-36 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(9rem * var(--tw-space-x-reverse));
-  margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-40 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(10rem * var(--tw-space-x-reverse));
-  margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-44 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(11rem * var(--tw-space-x-reverse));
-  margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-48 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(12rem * var(--tw-space-x-reverse));
-  margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-52 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(13rem * var(--tw-space-x-reverse));
-  margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-56 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(14rem * var(--tw-space-x-reverse));
-  margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-60 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(15rem * var(--tw-space-x-reverse));
-  margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-64 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(16rem * var(--tw-space-x-reverse));
-  margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-72 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(18rem * var(--tw-space-x-reverse));
-  margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-80 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(20rem * var(--tw-space-x-reverse));
-  margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-96 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(24rem * var(--tw-space-x-reverse));
-  margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-px > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1px * var(--tw-space-x-reverse));
-  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.625rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .-space-x-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0px * var(--tw-space-x-reverse));
@@ -24692,18 +24198,10 @@ code {
   overflow: hidden;
 }
 
-.\!overflow-hidden {
-  overflow: hidden !important;
-}
-
 .overflow-clip {
   overflow: clip;
 }
 
-.\!overflow-clip {
-  overflow: clip !important;
-}
-
 .overflow-visible {
   overflow: visible;
 }
@@ -24728,10 +24226,6 @@ code {
   overflow-y: hidden;
 }
 
-.\!overflow-y-hidden {
-  overflow-y: hidden !important;
-}
-
 .overflow-x-clip {
   overflow-x: clip;
 }
@@ -24740,18 +24234,10 @@ code {
   overflow-y: clip;
 }
 
-.\!overflow-y-clip {
-  overflow-y: clip !important;
-}
-
 .overflow-x-visible {
   overflow-x: visible;
 }
 
-.\!overflow-x-visible {
-  overflow-x: visible !important;
-}
-
 .overflow-y-visible {
   overflow-y: visible;
 }
@@ -25690,6 +25176,11 @@ code {
   border-style: none;
 }
 
+.\!border-gray-400 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(203 213 224 / var(--tw-border-opacity)) !important;
+}
+
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -25719,24 +25210,8 @@ code {
   border-color: rgb(0 0 0 / 0.3);
 }
 
-.border-blue-600 {
-  --tw-border-opacity: 1;
-  border-color: rgb(49 130 206 / var(--tw-border-opacity));
-}
-
-.border-green-300 {
-  --tw-border-opacity: 1;
-  border-color: rgb(154 230 180 / var(--tw-border-opacity));
-}
-
-.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(154 230 180 / var(--tw-border-opacity));
-}
-
-.\!border-gray-400 {
-  --tw-border-opacity: 1 !important;
-  border-color: rgb(203 213 224 / var(--tw-border-opacity)) !important;
+.border-black\/40 {
+  border-color: rgb(0 0 0 / 0.4);
 }
 
 .border-black\/5 {
@@ -27015,6 +26490,326 @@ code {
   border-color: rgb(198 246 213 / var(--tw-border-opacity));
 }
 
+.border-green-200\/0 {
+  border-color: rgb(198 246 213 / 0);
+}
+
+.border-green-200\/10 {
+  border-color: rgb(198 246 213 / 0.1);
+}
+
+.border-green-200\/100 {
+  border-color: rgb(198 246 213 / 1);
+}
+
+.border-green-200\/20 {
+  border-color: rgb(198 246 213 / 0.2);
+}
+
+.border-green-200\/25 {
+  border-color: rgb(198 246 213 / 0.25);
+}
+
+.border-green-200\/30 {
+  border-color: rgb(198 246 213 / 0.3);
+}
+
+.border-green-200\/40 {
+  border-color: rgb(198 246 213 / 0.4);
+}
+
+.border-green-200\/5 {
+  border-color: rgb(198 246 213 / 0.05);
+}
+
+.border-green-200\/50 {
+  border-color: rgb(198 246 213 / 0.5);
+}
+
+.border-green-200\/60 {
+  border-color: rgb(198 246 213 / 0.6);
+}
+
+.border-green-200\/70 {
+  border-color: rgb(198 246 213 / 0.7);
+}
+
+.border-green-200\/75 {
+  border-color: rgb(198 246 213 / 0.75);
+}
+
+.border-green-200\/80 {
+  border-color: rgb(198 246 213 / 0.8);
+}
+
+.border-green-200\/90 {
+  border-color: rgb(198 246 213 / 0.9);
+}
+
+.border-green-200\/95 {
+  border-color: rgb(198 246 213 / 0.95);
+}
+
+.border-green-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(154 230 180 / var(--tw-border-opacity));
+}
+
+.border-green-300\/0 {
+  border-color: rgb(154 230 180 / 0);
+}
+
+.border-green-300\/10 {
+  border-color: rgb(154 230 180 / 0.1);
+}
+
+.border-green-300\/100 {
+  border-color: rgb(154 230 180 / 1);
+}
+
+.border-green-300\/20 {
+  border-color: rgb(154 230 180 / 0.2);
+}
+
+.border-green-300\/25 {
+  border-color: rgb(154 230 180 / 0.25);
+}
+
+.border-green-300\/30 {
+  border-color: rgb(154 230 180 / 0.3);
+}
+
+.border-green-300\/40 {
+  border-color: rgb(154 230 180 / 0.4);
+}
+
+.border-green-300\/5 {
+  border-color: rgb(154 230 180 / 0.05);
+}
+
+.border-green-300\/50 {
+  border-color: rgb(154 230 180 / 0.5);
+}
+
+.border-green-300\/60 {
+  border-color: rgb(154 230 180 / 0.6);
+}
+
+.border-green-300\/70 {
+  border-color: rgb(154 230 180 / 0.7);
+}
+
+.border-green-300\/75 {
+  border-color: rgb(154 230 180 / 0.75);
+}
+
+.border-green-300\/80 {
+  border-color: rgb(154 230 180 / 0.8);
+}
+
+.border-green-300\/90 {
+  border-color: rgb(154 230 180 / 0.9);
+}
+
+.border-green-300\/95 {
+  border-color: rgb(154 230 180 / 0.95);
+}
+
+.border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(104 211 145 / var(--tw-border-opacity));
+}
+
+.border-green-400\/0 {
+  border-color: rgb(104 211 145 / 0);
+}
+
+.border-green-400\/10 {
+  border-color: rgb(104 211 145 / 0.1);
+}
+
+.border-green-400\/100 {
+  border-color: rgb(104 211 145 / 1);
+}
+
+.border-green-400\/20 {
+  border-color: rgb(104 211 145 / 0.2);
+}
+
+.border-green-400\/25 {
+  border-color: rgb(104 211 145 / 0.25);
+}
+
+.border-green-400\/30 {
+  border-color: rgb(104 211 145 / 0.3);
+}
+
+.border-green-400\/40 {
+  border-color: rgb(104 211 145 / 0.4);
+}
+
+.border-green-400\/5 {
+  border-color: rgb(104 211 145 / 0.05);
+}
+
+.border-green-400\/50 {
+  border-color: rgb(104 211 145 / 0.5);
+}
+
+.border-green-400\/60 {
+  border-color: rgb(104 211 145 / 0.6);
+}
+
+.border-green-400\/70 {
+  border-color: rgb(104 211 145 / 0.7);
+}
+
+.border-green-400\/75 {
+  border-color: rgb(104 211 145 / 0.75);
+}
+
+.border-green-400\/80 {
+  border-color: rgb(104 211 145 / 0.8);
+}
+
+.border-green-400\/90 {
+  border-color: rgb(104 211 145 / 0.9);
+}
+
+.border-green-400\/95 {
+  border-color: rgb(104 211 145 / 0.95);
+}
+
+.border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(72 187 120 / var(--tw-border-opacity));
+}
+
+.border-green-500\/0 {
+  border-color: rgb(72 187 120 / 0);
+}
+
+.border-green-500\/10 {
+  border-color: rgb(72 187 120 / 0.1);
+}
+
+.border-green-500\/100 {
+  border-color: rgb(72 187 120 / 1);
+}
+
+.border-green-500\/20 {
+  border-color: rgb(72 187 120 / 0.2);
+}
+
+.border-green-500\/25 {
+  border-color: rgb(72 187 120 / 0.25);
+}
+
+.border-green-500\/30 {
+  border-color: rgb(72 187 120 / 0.3);
+}
+
+.border-green-500\/40 {
+  border-color: rgb(72 187 120 / 0.4);
+}
+
+.border-green-500\/5 {
+  border-color: rgb(72 187 120 / 0.05);
+}
+
+.border-green-500\/50 {
+  border-color: rgb(72 187 120 / 0.5);
+}
+
+.border-green-500\/60 {
+  border-color: rgb(72 187 120 / 0.6);
+}
+
+.border-green-500\/70 {
+  border-color: rgb(72 187 120 / 0.7);
+}
+
+.border-green-500\/75 {
+  border-color: rgb(72 187 120 / 0.75);
+}
+
+.border-green-500\/80 {
+  border-color: rgb(72 187 120 / 0.8);
+}
+
+.border-green-500\/90 {
+  border-color: rgb(72 187 120 / 0.9);
+}
+
+.border-green-500\/95 {
+  border-color: rgb(72 187 120 / 0.95);
+}
+
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 161 105 / var(--tw-border-opacity));
+}
+
+.border-green-600\/0 {
+  border-color: rgb(56 161 105 / 0);
+}
+
+.border-green-600\/10 {
+  border-color: rgb(56 161 105 / 0.1);
+}
+
+.border-green-600\/100 {
+  border-color: rgb(56 161 105 / 1);
+}
+
+.border-green-600\/20 {
+  border-color: rgb(56 161 105 / 0.2);
+}
+
+.border-green-600\/25 {
+  border-color: rgb(56 161 105 / 0.25);
+}
+
+.border-green-600\/30 {
+  border-color: rgb(56 161 105 / 0.3);
+}
+
+.border-green-600\/40 {
+  border-color: rgb(56 161 105 / 0.4);
+}
+
+.border-green-600\/5 {
+  border-color: rgb(56 161 105 / 0.05);
+}
+
+.border-green-600\/50 {
+  border-color: rgb(56 161 105 / 0.5);
+}
+
+.border-green-600\/60 {
+  border-color: rgb(56 161 105 / 0.6);
+}
+
+.border-green-600\/70 {
+  border-color: rgb(56 161 105 / 0.7);
+}
+
+.border-green-600\/75 {
+  border-color: rgb(56 161 105 / 0.75);
+}
+
+.border-green-600\/80 {
+  border-color: rgb(56 161 105 / 0.8);
+}
+
+.border-green-600\/90 {
+  border-color: rgb(56 161 105 / 0.9);
+}
+
+.border-green-600\/95 {
+  border-color: rgb(56 161 105 / 0.95);
+}
+
 .border-green-700 {
   --tw-border-opacity: 1;
   border-color: rgb(47 133 90 / var(--tw-border-opacity));
@@ -94365,14 +94160,1363 @@ code {
   background-color: rgb(12 74 110 / var(--tw-bg-opacity));
 }
 
-.\!bg-blue-400 {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(99 179 237 / var(--tw-bg-opacity)) !important;
+.bg-sky-900\/0 {
+  background-color: rgb(12 74 110 / 0);
 }
 
-.\!bg-blue-200 {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(190 227 248 / var(--tw-bg-opacity)) !important;
+.bg-sky-900\/10 {
+  background-color: rgb(12 74 110 / 0.1);
+}
+
+.bg-sky-900\/100 {
+  background-color: rgb(12 74 110 / 1);
+}
+
+.bg-sky-900\/20 {
+  background-color: rgb(12 74 110 / 0.2);
+}
+
+.bg-sky-900\/25 {
+  background-color: rgb(12 74 110 / 0.25);
+}
+
+.bg-sky-900\/30 {
+  background-color: rgb(12 74 110 / 0.3);
+}
+
+.bg-sky-900\/40 {
+  background-color: rgb(12 74 110 / 0.4);
+}
+
+.bg-sky-900\/5 {
+  background-color: rgb(12 74 110 / 0.05);
+}
+
+.bg-sky-900\/50 {
+  background-color: rgb(12 74 110 / 0.5);
+}
+
+.bg-sky-900\/60 {
+  background-color: rgb(12 74 110 / 0.6);
+}
+
+.bg-sky-900\/70 {
+  background-color: rgb(12 74 110 / 0.7);
+}
+
+.bg-sky-900\/75 {
+  background-color: rgb(12 74 110 / 0.75);
+}
+
+.bg-sky-900\/80 {
+  background-color: rgb(12 74 110 / 0.8);
+}
+
+.bg-sky-900\/90 {
+  background-color: rgb(12 74 110 / 0.9);
+}
+
+.bg-sky-900\/95 {
+  background-color: rgb(12 74 110 / 0.95);
+}
+
+.bg-teal-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 255 250 / var(--tw-bg-opacity));
+}
+
+.bg-teal-100\/0 {
+  background-color: rgb(230 255 250 / 0);
+}
+
+.bg-teal-100\/10 {
+  background-color: rgb(230 255 250 / 0.1);
+}
+
+.bg-teal-100\/100 {
+  background-color: rgb(230 255 250 / 1);
+}
+
+.bg-teal-100\/20 {
+  background-color: rgb(230 255 250 / 0.2);
+}
+
+.bg-teal-100\/25 {
+  background-color: rgb(230 255 250 / 0.25);
+}
+
+.bg-teal-100\/30 {
+  background-color: rgb(230 255 250 / 0.3);
+}
+
+.bg-teal-100\/40 {
+  background-color: rgb(230 255 250 / 0.4);
+}
+
+.bg-teal-100\/5 {
+  background-color: rgb(230 255 250 / 0.05);
+}
+
+.bg-teal-100\/50 {
+  background-color: rgb(230 255 250 / 0.5);
+}
+
+.bg-teal-100\/60 {
+  background-color: rgb(230 255 250 / 0.6);
+}
+
+.bg-teal-100\/70 {
+  background-color: rgb(230 255 250 / 0.7);
+}
+
+.bg-teal-100\/75 {
+  background-color: rgb(230 255 250 / 0.75);
+}
+
+.bg-teal-100\/80 {
+  background-color: rgb(230 255 250 / 0.8);
+}
+
+.bg-teal-100\/90 {
+  background-color: rgb(230 255 250 / 0.9);
+}
+
+.bg-teal-100\/95 {
+  background-color: rgb(230 255 250 / 0.95);
+}
+
+.bg-teal-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(178 245 234 / var(--tw-bg-opacity));
+}
+
+.bg-teal-200\/0 {
+  background-color: rgb(178 245 234 / 0);
+}
+
+.bg-teal-200\/10 {
+  background-color: rgb(178 245 234 / 0.1);
+}
+
+.bg-teal-200\/100 {
+  background-color: rgb(178 245 234 / 1);
+}
+
+.bg-teal-200\/20 {
+  background-color: rgb(178 245 234 / 0.2);
+}
+
+.bg-teal-200\/25 {
+  background-color: rgb(178 245 234 / 0.25);
+}
+
+.bg-teal-200\/30 {
+  background-color: rgb(178 245 234 / 0.3);
+}
+
+.bg-teal-200\/40 {
+  background-color: rgb(178 245 234 / 0.4);
+}
+
+.bg-teal-200\/5 {
+  background-color: rgb(178 245 234 / 0.05);
+}
+
+.bg-teal-200\/50 {
+  background-color: rgb(178 245 234 / 0.5);
+}
+
+.bg-teal-200\/60 {
+  background-color: rgb(178 245 234 / 0.6);
+}
+
+.bg-teal-200\/70 {
+  background-color: rgb(178 245 234 / 0.7);
+}
+
+.bg-teal-200\/75 {
+  background-color: rgb(178 245 234 / 0.75);
+}
+
+.bg-teal-200\/80 {
+  background-color: rgb(178 245 234 / 0.8);
+}
+
+.bg-teal-200\/90 {
+  background-color: rgb(178 245 234 / 0.9);
+}
+
+.bg-teal-200\/95 {
+  background-color: rgb(178 245 234 / 0.95);
+}
+
+.bg-teal-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(129 230 217 / var(--tw-bg-opacity));
+}
+
+.bg-teal-300\/0 {
+  background-color: rgb(129 230 217 / 0);
+}
+
+.bg-teal-300\/10 {
+  background-color: rgb(129 230 217 / 0.1);
+}
+
+.bg-teal-300\/100 {
+  background-color: rgb(129 230 217 / 1);
+}
+
+.bg-teal-300\/20 {
+  background-color: rgb(129 230 217 / 0.2);
+}
+
+.bg-teal-300\/25 {
+  background-color: rgb(129 230 217 / 0.25);
+}
+
+.bg-teal-300\/30 {
+  background-color: rgb(129 230 217 / 0.3);
+}
+
+.bg-teal-300\/40 {
+  background-color: rgb(129 230 217 / 0.4);
+}
+
+.bg-teal-300\/5 {
+  background-color: rgb(129 230 217 / 0.05);
+}
+
+.bg-teal-300\/50 {
+  background-color: rgb(129 230 217 / 0.5);
+}
+
+.bg-teal-300\/60 {
+  background-color: rgb(129 230 217 / 0.6);
+}
+
+.bg-teal-300\/70 {
+  background-color: rgb(129 230 217 / 0.7);
+}
+
+.bg-teal-300\/75 {
+  background-color: rgb(129 230 217 / 0.75);
+}
+
+.bg-teal-300\/80 {
+  background-color: rgb(129 230 217 / 0.8);
+}
+
+.bg-teal-300\/90 {
+  background-color: rgb(129 230 217 / 0.9);
+}
+
+.bg-teal-300\/95 {
+  background-color: rgb(129 230 217 / 0.95);
+}
+
+.bg-teal-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(79 209 197 / var(--tw-bg-opacity));
+}
+
+.bg-teal-400\/0 {
+  background-color: rgb(79 209 197 / 0);
+}
+
+.bg-teal-400\/10 {
+  background-color: rgb(79 209 197 / 0.1);
+}
+
+.bg-teal-400\/100 {
+  background-color: rgb(79 209 197 / 1);
+}
+
+.bg-teal-400\/20 {
+  background-color: rgb(79 209 197 / 0.2);
+}
+
+.bg-teal-400\/25 {
+  background-color: rgb(79 209 197 / 0.25);
+}
+
+.bg-teal-400\/30 {
+  background-color: rgb(79 209 197 / 0.3);
+}
+
+.bg-teal-400\/40 {
+  background-color: rgb(79 209 197 / 0.4);
+}
+
+.bg-teal-400\/5 {
+  background-color: rgb(79 209 197 / 0.05);
+}
+
+.bg-teal-400\/50 {
+  background-color: rgb(79 209 197 / 0.5);
+}
+
+.bg-teal-400\/60 {
+  background-color: rgb(79 209 197 / 0.6);
+}
+
+.bg-teal-400\/70 {
+  background-color: rgb(79 209 197 / 0.7);
+}
+
+.bg-teal-400\/75 {
+  background-color: rgb(79 209 197 / 0.75);
+}
+
+.bg-teal-400\/80 {
+  background-color: rgb(79 209 197 / 0.8);
+}
+
+.bg-teal-400\/90 {
+  background-color: rgb(79 209 197 / 0.9);
+}
+
+.bg-teal-400\/95 {
+  background-color: rgb(79 209 197 / 0.95);
+}
+
+.bg-teal-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 178 172 / var(--tw-bg-opacity));
+}
+
+.bg-teal-500\/0 {
+  background-color: rgb(56 178 172 / 0);
+}
+
+.bg-teal-500\/10 {
+  background-color: rgb(56 178 172 / 0.1);
+}
+
+.bg-teal-500\/100 {
+  background-color: rgb(56 178 172 / 1);
+}
+
+.bg-teal-500\/20 {
+  background-color: rgb(56 178 172 / 0.2);
+}
+
+.bg-teal-500\/25 {
+  background-color: rgb(56 178 172 / 0.25);
+}
+
+.bg-teal-500\/30 {
+  background-color: rgb(56 178 172 / 0.3);
+}
+
+.bg-teal-500\/40 {
+  background-color: rgb(56 178 172 / 0.4);
+}
+
+.bg-teal-500\/5 {
+  background-color: rgb(56 178 172 / 0.05);
+}
+
+.bg-teal-500\/50 {
+  background-color: rgb(56 178 172 / 0.5);
+}
+
+.bg-teal-500\/60 {
+  background-color: rgb(56 178 172 / 0.6);
+}
+
+.bg-teal-500\/70 {
+  background-color: rgb(56 178 172 / 0.7);
+}
+
+.bg-teal-500\/75 {
+  background-color: rgb(56 178 172 / 0.75);
+}
+
+.bg-teal-500\/80 {
+  background-color: rgb(56 178 172 / 0.8);
+}
+
+.bg-teal-500\/90 {
+  background-color: rgb(56 178 172 / 0.9);
+}
+
+.bg-teal-500\/95 {
+  background-color: rgb(56 178 172 / 0.95);
+}
+
+.bg-teal-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(49 151 149 / var(--tw-bg-opacity));
+}
+
+.bg-teal-600\/0 {
+  background-color: rgb(49 151 149 / 0);
+}
+
+.bg-teal-600\/10 {
+  background-color: rgb(49 151 149 / 0.1);
+}
+
+.bg-teal-600\/100 {
+  background-color: rgb(49 151 149 / 1);
+}
+
+.bg-teal-600\/20 {
+  background-color: rgb(49 151 149 / 0.2);
+}
+
+.bg-teal-600\/25 {
+  background-color: rgb(49 151 149 / 0.25);
+}
+
+.bg-teal-600\/30 {
+  background-color: rgb(49 151 149 / 0.3);
+}
+
+.bg-teal-600\/40 {
+  background-color: rgb(49 151 149 / 0.4);
+}
+
+.bg-teal-600\/5 {
+  background-color: rgb(49 151 149 / 0.05);
+}
+
+.bg-teal-600\/50 {
+  background-color: rgb(49 151 149 / 0.5);
+}
+
+.bg-teal-600\/60 {
+  background-color: rgb(49 151 149 / 0.6);
+}
+
+.bg-teal-600\/70 {
+  background-color: rgb(49 151 149 / 0.7);
+}
+
+.bg-teal-600\/75 {
+  background-color: rgb(49 151 149 / 0.75);
+}
+
+.bg-teal-600\/80 {
+  background-color: rgb(49 151 149 / 0.8);
+}
+
+.bg-teal-600\/90 {
+  background-color: rgb(49 151 149 / 0.9);
+}
+
+.bg-teal-600\/95 {
+  background-color: rgb(49 151 149 / 0.95);
+}
+
+.bg-teal-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(44 122 123 / var(--tw-bg-opacity));
+}
+
+.bg-teal-700\/0 {
+  background-color: rgb(44 122 123 / 0);
+}
+
+.bg-teal-700\/10 {
+  background-color: rgb(44 122 123 / 0.1);
+}
+
+.bg-teal-700\/100 {
+  background-color: rgb(44 122 123 / 1);
+}
+
+.bg-teal-700\/20 {
+  background-color: rgb(44 122 123 / 0.2);
+}
+
+.bg-teal-700\/25 {
+  background-color: rgb(44 122 123 / 0.25);
+}
+
+.bg-teal-700\/30 {
+  background-color: rgb(44 122 123 / 0.3);
+}
+
+.bg-teal-700\/40 {
+  background-color: rgb(44 122 123 / 0.4);
+}
+
+.bg-teal-700\/5 {
+  background-color: rgb(44 122 123 / 0.05);
+}
+
+.bg-teal-700\/50 {
+  background-color: rgb(44 122 123 / 0.5);
+}
+
+.bg-teal-700\/60 {
+  background-color: rgb(44 122 123 / 0.6);
+}
+
+.bg-teal-700\/70 {
+  background-color: rgb(44 122 123 / 0.7);
+}
+
+.bg-teal-700\/75 {
+  background-color: rgb(44 122 123 / 0.75);
+}
+
+.bg-teal-700\/80 {
+  background-color: rgb(44 122 123 / 0.8);
+}
+
+.bg-teal-700\/90 {
+  background-color: rgb(44 122 123 / 0.9);
+}
+
+.bg-teal-700\/95 {
+  background-color: rgb(44 122 123 / 0.95);
+}
+
+.bg-teal-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(40 94 97 / var(--tw-bg-opacity));
+}
+
+.bg-teal-800\/0 {
+  background-color: rgb(40 94 97 / 0);
+}
+
+.bg-teal-800\/10 {
+  background-color: rgb(40 94 97 / 0.1);
+}
+
+.bg-teal-800\/100 {
+  background-color: rgb(40 94 97 / 1);
+}
+
+.bg-teal-800\/20 {
+  background-color: rgb(40 94 97 / 0.2);
+}
+
+.bg-teal-800\/25 {
+  background-color: rgb(40 94 97 / 0.25);
+}
+
+.bg-teal-800\/30 {
+  background-color: rgb(40 94 97 / 0.3);
+}
+
+.bg-teal-800\/40 {
+  background-color: rgb(40 94 97 / 0.4);
+}
+
+.bg-teal-800\/5 {
+  background-color: rgb(40 94 97 / 0.05);
+}
+
+.bg-teal-800\/50 {
+  background-color: rgb(40 94 97 / 0.5);
+}
+
+.bg-teal-800\/60 {
+  background-color: rgb(40 94 97 / 0.6);
+}
+
+.bg-teal-800\/70 {
+  background-color: rgb(40 94 97 / 0.7);
+}
+
+.bg-teal-800\/75 {
+  background-color: rgb(40 94 97 / 0.75);
+}
+
+.bg-teal-800\/80 {
+  background-color: rgb(40 94 97 / 0.8);
+}
+
+.bg-teal-800\/90 {
+  background-color: rgb(40 94 97 / 0.9);
+}
+
+.bg-teal-800\/95 {
+  background-color: rgb(40 94 97 / 0.95);
+}
+
+.bg-teal-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(35 78 82 / var(--tw-bg-opacity));
+}
+
+.bg-teal-900\/0 {
+  background-color: rgb(35 78 82 / 0);
+}
+
+.bg-teal-900\/10 {
+  background-color: rgb(35 78 82 / 0.1);
+}
+
+.bg-teal-900\/100 {
+  background-color: rgb(35 78 82 / 1);
+}
+
+.bg-teal-900\/20 {
+  background-color: rgb(35 78 82 / 0.2);
+}
+
+.bg-teal-900\/25 {
+  background-color: rgb(35 78 82 / 0.25);
+}
+
+.bg-teal-900\/30 {
+  background-color: rgb(35 78 82 / 0.3);
+}
+
+.bg-teal-900\/40 {
+  background-color: rgb(35 78 82 / 0.4);
+}
+
+.bg-teal-900\/5 {
+  background-color: rgb(35 78 82 / 0.05);
+}
+
+.bg-teal-900\/50 {
+  background-color: rgb(35 78 82 / 0.5);
+}
+
+.bg-teal-900\/60 {
+  background-color: rgb(35 78 82 / 0.6);
+}
+
+.bg-teal-900\/70 {
+  background-color: rgb(35 78 82 / 0.7);
+}
+
+.bg-teal-900\/75 {
+  background-color: rgb(35 78 82 / 0.75);
+}
+
+.bg-teal-900\/80 {
+  background-color: rgb(35 78 82 / 0.8);
+}
+
+.bg-teal-900\/90 {
+  background-color: rgb(35 78 82 / 0.9);
+}
+
+.bg-teal-900\/95 {
+  background-color: rgb(35 78 82 / 0.95);
+}
+
+.bg-transparent {
+  background-color: transparent;
+}
+
+.bg-transparent\/0 {
+  background-color: rgb(0 0 0 / 0);
+}
+
+.bg-transparent\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
+
+.bg-transparent\/100 {
+  background-color: rgb(0 0 0 / 1);
+}
+
+.bg-transparent\/20 {
+  background-color: rgb(0 0 0 / 0.2);
+}
+
+.bg-transparent\/25 {
+  background-color: rgb(0 0 0 / 0.25);
+}
+
+.bg-transparent\/30 {
+  background-color: rgb(0 0 0 / 0.3);
+}
+
+.bg-transparent\/40 {
+  background-color: rgb(0 0 0 / 0.4);
+}
+
+.bg-transparent\/5 {
+  background-color: rgb(0 0 0 / 0.05);
+}
+
+.bg-transparent\/50 {
+  background-color: rgb(0 0 0 / 0.5);
+}
+
+.bg-transparent\/60 {
+  background-color: rgb(0 0 0 / 0.6);
+}
+
+.bg-transparent\/70 {
+  background-color: rgb(0 0 0 / 0.7);
+}
+
+.bg-transparent\/75 {
+  background-color: rgb(0 0 0 / 0.75);
+}
+
+.bg-transparent\/80 {
+  background-color: rgb(0 0 0 / 0.8);
+}
+
+.bg-transparent\/90 {
+  background-color: rgb(0 0 0 / 0.9);
+}
+
+.bg-transparent\/95 {
+  background-color: rgb(0 0 0 / 0.95);
+}
+
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-white\/0 {
+  background-color: rgb(255 255 255 / 0);
+}
+
+.bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
+
+.bg-white\/100 {
+  background-color: rgb(255 255 255 / 1);
+}
+
+.bg-white\/20 {
+  background-color: rgb(255 255 255 / 0.2);
+}
+
+.bg-white\/25 {
+  background-color: rgb(255 255 255 / 0.25);
+}
+
+.bg-white\/30 {
+  background-color: rgb(255 255 255 / 0.3);
+}
+
+.bg-white\/40 {
+  background-color: rgb(255 255 255 / 0.4);
+}
+
+.bg-white\/5 {
+  background-color: rgb(255 255 255 / 0.05);
+}
+
+.bg-white\/50 {
+  background-color: rgb(255 255 255 / 0.5);
+}
+
+.bg-white\/60 {
+  background-color: rgb(255 255 255 / 0.6);
+}
+
+.bg-white\/70 {
+  background-color: rgb(255 255 255 / 0.7);
+}
+
+.bg-white\/75 {
+  background-color: rgb(255 255 255 / 0.75);
+}
+
+.bg-white\/80 {
+  background-color: rgb(255 255 255 / 0.8);
+}
+
+.bg-white\/90 {
+  background-color: rgb(255 255 255 / 0.9);
+}
+
+.bg-white\/95 {
+  background-color: rgb(255 255 255 / 0.95);
+}
+
+.bg-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 240 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-100\/0 {
+  background-color: rgb(255 255 240 / 0);
+}
+
+.bg-yellow-100\/10 {
+  background-color: rgb(255 255 240 / 0.1);
+}
+
+.bg-yellow-100\/100 {
+  background-color: rgb(255 255 240 / 1);
+}
+
+.bg-yellow-100\/20 {
+  background-color: rgb(255 255 240 / 0.2);
+}
+
+.bg-yellow-100\/25 {
+  background-color: rgb(255 255 240 / 0.25);
+}
+
+.bg-yellow-100\/30 {
+  background-color: rgb(255 255 240 / 0.3);
+}
+
+.bg-yellow-100\/40 {
+  background-color: rgb(255 255 240 / 0.4);
+}
+
+.bg-yellow-100\/5 {
+  background-color: rgb(255 255 240 / 0.05);
+}
+
+.bg-yellow-100\/50 {
+  background-color: rgb(255 255 240 / 0.5);
+}
+
+.bg-yellow-100\/60 {
+  background-color: rgb(255 255 240 / 0.6);
+}
+
+.bg-yellow-100\/70 {
+  background-color: rgb(255 255 240 / 0.7);
+}
+
+.bg-yellow-100\/75 {
+  background-color: rgb(255 255 240 / 0.75);
+}
+
+.bg-yellow-100\/80 {
+  background-color: rgb(255 255 240 / 0.8);
+}
+
+.bg-yellow-100\/90 {
+  background-color: rgb(255 255 240 / 0.9);
+}
+
+.bg-yellow-100\/95 {
+  background-color: rgb(255 255 240 / 0.95);
+}
+
+.bg-yellow-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 191 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-200\/0 {
+  background-color: rgb(254 252 191 / 0);
+}
+
+.bg-yellow-200\/10 {
+  background-color: rgb(254 252 191 / 0.1);
+}
+
+.bg-yellow-200\/100 {
+  background-color: rgb(254 252 191 / 1);
+}
+
+.bg-yellow-200\/20 {
+  background-color: rgb(254 252 191 / 0.2);
+}
+
+.bg-yellow-200\/25 {
+  background-color: rgb(254 252 191 / 0.25);
+}
+
+.bg-yellow-200\/30 {
+  background-color: rgb(254 252 191 / 0.3);
+}
+
+.bg-yellow-200\/40 {
+  background-color: rgb(254 252 191 / 0.4);
+}
+
+.bg-yellow-200\/5 {
+  background-color: rgb(254 252 191 / 0.05);
+}
+
+.bg-yellow-200\/50 {
+  background-color: rgb(254 252 191 / 0.5);
+}
+
+.bg-yellow-200\/60 {
+  background-color: rgb(254 252 191 / 0.6);
+}
+
+.bg-yellow-200\/70 {
+  background-color: rgb(254 252 191 / 0.7);
+}
+
+.bg-yellow-200\/75 {
+  background-color: rgb(254 252 191 / 0.75);
+}
+
+.bg-yellow-200\/80 {
+  background-color: rgb(254 252 191 / 0.8);
+}
+
+.bg-yellow-200\/90 {
+  background-color: rgb(254 252 191 / 0.9);
+}
+
+.bg-yellow-200\/95 {
+  background-color: rgb(254 252 191 / 0.95);
+}
+
+.bg-yellow-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 240 137 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-300\/0 {
+  background-color: rgb(250 240 137 / 0);
+}
+
+.bg-yellow-300\/10 {
+  background-color: rgb(250 240 137 / 0.1);
+}
+
+.bg-yellow-300\/100 {
+  background-color: rgb(250 240 137 / 1);
+}
+
+.bg-yellow-300\/20 {
+  background-color: rgb(250 240 137 / 0.2);
+}
+
+.bg-yellow-300\/25 {
+  background-color: rgb(250 240 137 / 0.25);
+}
+
+.bg-yellow-300\/30 {
+  background-color: rgb(250 240 137 / 0.3);
+}
+
+.bg-yellow-300\/40 {
+  background-color: rgb(250 240 137 / 0.4);
+}
+
+.bg-yellow-300\/5 {
+  background-color: rgb(250 240 137 / 0.05);
+}
+
+.bg-yellow-300\/50 {
+  background-color: rgb(250 240 137 / 0.5);
+}
+
+.bg-yellow-300\/60 {
+  background-color: rgb(250 240 137 / 0.6);
+}
+
+.bg-yellow-300\/70 {
+  background-color: rgb(250 240 137 / 0.7);
+}
+
+.bg-yellow-300\/75 {
+  background-color: rgb(250 240 137 / 0.75);
+}
+
+.bg-yellow-300\/80 {
+  background-color: rgb(250 240 137 / 0.8);
+}
+
+.bg-yellow-300\/90 {
+  background-color: rgb(250 240 137 / 0.9);
+}
+
+.bg-yellow-300\/95 {
+  background-color: rgb(250 240 137 / 0.95);
+}
+
+.bg-yellow-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(246 224 94 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-400\/0 {
+  background-color: rgb(246 224 94 / 0);
+}
+
+.bg-yellow-400\/10 {
+  background-color: rgb(246 224 94 / 0.1);
+}
+
+.bg-yellow-400\/100 {
+  background-color: rgb(246 224 94 / 1);
+}
+
+.bg-yellow-400\/20 {
+  background-color: rgb(246 224 94 / 0.2);
+}
+
+.bg-yellow-400\/25 {
+  background-color: rgb(246 224 94 / 0.25);
+}
+
+.bg-yellow-400\/30 {
+  background-color: rgb(246 224 94 / 0.3);
+}
+
+.bg-yellow-400\/40 {
+  background-color: rgb(246 224 94 / 0.4);
+}
+
+.bg-yellow-400\/5 {
+  background-color: rgb(246 224 94 / 0.05);
+}
+
+.bg-yellow-400\/50 {
+  background-color: rgb(246 224 94 / 0.5);
+}
+
+.bg-yellow-400\/60 {
+  background-color: rgb(246 224 94 / 0.6);
+}
+
+.bg-yellow-400\/70 {
+  background-color: rgb(246 224 94 / 0.7);
+}
+
+.bg-yellow-400\/75 {
+  background-color: rgb(246 224 94 / 0.75);
+}
+
+.bg-yellow-400\/80 {
+  background-color: rgb(246 224 94 / 0.8);
+}
+
+.bg-yellow-400\/90 {
+  background-color: rgb(246 224 94 / 0.9);
+}
+
+.bg-yellow-400\/95 {
+  background-color: rgb(246 224 94 / 0.95);
+}
+
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 201 75 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-500\/0 {
+  background-color: rgb(236 201 75 / 0);
+}
+
+.bg-yellow-500\/10 {
+  background-color: rgb(236 201 75 / 0.1);
+}
+
+.bg-yellow-500\/100 {
+  background-color: rgb(236 201 75 / 1);
+}
+
+.bg-yellow-500\/20 {
+  background-color: rgb(236 201 75 / 0.2);
+}
+
+.bg-yellow-500\/25 {
+  background-color: rgb(236 201 75 / 0.25);
+}
+
+.bg-yellow-500\/30 {
+  background-color: rgb(236 201 75 / 0.3);
+}
+
+.bg-yellow-500\/40 {
+  background-color: rgb(236 201 75 / 0.4);
+}
+
+.bg-yellow-500\/5 {
+  background-color: rgb(236 201 75 / 0.05);
+}
+
+.bg-yellow-500\/50 {
+  background-color: rgb(236 201 75 / 0.5);
+}
+
+.bg-yellow-500\/60 {
+  background-color: rgb(236 201 75 / 0.6);
+}
+
+.bg-yellow-500\/70 {
+  background-color: rgb(236 201 75 / 0.7);
+}
+
+.bg-yellow-500\/75 {
+  background-color: rgb(236 201 75 / 0.75);
+}
+
+.bg-yellow-500\/80 {
+  background-color: rgb(236 201 75 / 0.8);
+}
+
+.bg-yellow-500\/90 {
+  background-color: rgb(236 201 75 / 0.9);
+}
+
+.bg-yellow-500\/95 {
+  background-color: rgb(236 201 75 / 0.95);
+}
+
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214 158 46 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-600\/0 {
+  background-color: rgb(214 158 46 / 0);
+}
+
+.bg-yellow-600\/10 {
+  background-color: rgb(214 158 46 / 0.1);
+}
+
+.bg-yellow-600\/100 {
+  background-color: rgb(214 158 46 / 1);
+}
+
+.bg-yellow-600\/20 {
+  background-color: rgb(214 158 46 / 0.2);
+}
+
+.bg-yellow-600\/25 {
+  background-color: rgb(214 158 46 / 0.25);
+}
+
+.bg-yellow-600\/30 {
+  background-color: rgb(214 158 46 / 0.3);
+}
+
+.bg-yellow-600\/40 {
+  background-color: rgb(214 158 46 / 0.4);
+}
+
+.bg-yellow-600\/5 {
+  background-color: rgb(214 158 46 / 0.05);
+}
+
+.bg-yellow-600\/50 {
+  background-color: rgb(214 158 46 / 0.5);
+}
+
+.bg-yellow-600\/60 {
+  background-color: rgb(214 158 46 / 0.6);
+}
+
+.bg-yellow-600\/70 {
+  background-color: rgb(214 158 46 / 0.7);
+}
+
+.bg-yellow-600\/75 {
+  background-color: rgb(214 158 46 / 0.75);
+}
+
+.bg-yellow-600\/80 {
+  background-color: rgb(214 158 46 / 0.8);
+}
+
+.bg-yellow-600\/90 {
+  background-color: rgb(214 158 46 / 0.9);
+}
+
+.bg-yellow-600\/95 {
+  background-color: rgb(214 158 46 / 0.95);
+}
+
+.bg-yellow-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(183 121 31 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-700\/0 {
+  background-color: rgb(183 121 31 / 0);
+}
+
+.bg-yellow-700\/10 {
+  background-color: rgb(183 121 31 / 0.1);
+}
+
+.bg-yellow-700\/100 {
+  background-color: rgb(183 121 31 / 1);
+}
+
+.bg-yellow-700\/20 {
+  background-color: rgb(183 121 31 / 0.2);
+}
+
+.bg-yellow-700\/25 {
+  background-color: rgb(183 121 31 / 0.25);
+}
+
+.bg-yellow-700\/30 {
+  background-color: rgb(183 121 31 / 0.3);
+}
+
+.bg-yellow-700\/40 {
+  background-color: rgb(183 121 31 / 0.4);
+}
+
+.bg-yellow-700\/5 {
+  background-color: rgb(183 121 31 / 0.05);
+}
+
+.bg-yellow-700\/50 {
+  background-color: rgb(183 121 31 / 0.5);
+}
+
+.bg-yellow-700\/60 {
+  background-color: rgb(183 121 31 / 0.6);
+}
+
+.bg-yellow-700\/70 {
+  background-color: rgb(183 121 31 / 0.7);
+}
+
+.bg-yellow-700\/75 {
+  background-color: rgb(183 121 31 / 0.75);
+}
+
+.bg-yellow-700\/80 {
+  background-color: rgb(183 121 31 / 0.8);
+}
+
+.bg-yellow-700\/90 {
+  background-color: rgb(183 121 31 / 0.9);
+}
+
+.bg-yellow-700\/95 {
+  background-color: rgb(183 121 31 / 0.95);
+}
+
+.bg-yellow-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(151 90 22 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-800\/0 {
+  background-color: rgb(151 90 22 / 0);
+}
+
+.bg-yellow-800\/10 {
+  background-color: rgb(151 90 22 / 0.1);
+}
+
+.bg-yellow-800\/100 {
+  background-color: rgb(151 90 22 / 1);
+}
+
+.bg-yellow-800\/20 {
+  background-color: rgb(151 90 22 / 0.2);
+}
+
+.bg-yellow-800\/25 {
+  background-color: rgb(151 90 22 / 0.25);
+}
+
+.bg-yellow-800\/30 {
+  background-color: rgb(151 90 22 / 0.3);
+}
+
+.bg-yellow-800\/40 {
+  background-color: rgb(151 90 22 / 0.4);
+}
+
+.bg-yellow-800\/5 {
+  background-color: rgb(151 90 22 / 0.05);
+}
+
+.bg-yellow-800\/50 {
+  background-color: rgb(151 90 22 / 0.5);
+}
+
+.bg-yellow-800\/60 {
+  background-color: rgb(151 90 22 / 0.6);
+}
+
+.bg-yellow-800\/70 {
+  background-color: rgb(151 90 22 / 0.7);
+}
+
+.bg-yellow-800\/75 {
+  background-color: rgb(151 90 22 / 0.75);
+}
+
+.bg-yellow-800\/80 {
+  background-color: rgb(151 90 22 / 0.8);
+}
+
+.bg-yellow-800\/90 {
+  background-color: rgb(151 90 22 / 0.9);
+}
+
+.bg-yellow-800\/95 {
+  background-color: rgb(151 90 22 / 0.95);
+}
+
+.bg-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(116 66 16 / var(--tw-bg-opacity));
+}
+
+.bg-yellow-900\/0 {
+  background-color: rgb(116 66 16 / 0);
+}
+
+.bg-yellow-900\/10 {
+  background-color: rgb(116 66 16 / 0.1);
+}
+
+.bg-yellow-900\/100 {
+  background-color: rgb(116 66 16 / 1);
+}
+
+.bg-yellow-900\/20 {
+  background-color: rgb(116 66 16 / 0.2);
+}
+
+.bg-yellow-900\/25 {
+  background-color: rgb(116 66 16 / 0.25);
+}
+
+.bg-yellow-900\/30 {
+  background-color: rgb(116 66 16 / 0.3);
+}
+
+.bg-yellow-900\/40 {
+  background-color: rgb(116 66 16 / 0.4);
+}
+
+.bg-yellow-900\/5 {
+  background-color: rgb(116 66 16 / 0.05);
+}
+
+.bg-yellow-900\/50 {
+  background-color: rgb(116 66 16 / 0.5);
+}
+
+.bg-yellow-900\/60 {
+  background-color: rgb(116 66 16 / 0.6);
+}
+
+.bg-yellow-900\/70 {
+  background-color: rgb(116 66 16 / 0.7);
+}
+
+.bg-yellow-900\/75 {
+  background-color: rgb(116 66 16 / 0.75);
+}
+
+.bg-yellow-900\/80 {
+  background-color: rgb(116 66 16 / 0.8);
+}
+
+.bg-yellow-900\/90 {
+  background-color: rgb(116 66 16 / 0.9);
+}
+
+.bg-yellow-900\/95 {
+  background-color: rgb(116 66 16 / 0.95);
 }
 
 .bg-opacity-0 {
@@ -141118,6 +142262,10 @@ code {
      object-position: top;
 }
 
+.\!p-0 {
+  padding: 0px !important;
+}
+
 .p-0 {
   padding: 0px;
 }
@@ -141263,91 +142411,6 @@ code {
   padding-right: 0px;
 }
 
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.px-16 {
-  padding-left: 4rem;
-  padding-right: 4rem;
-}
-
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-
 .px-0\.5 {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -141363,24 +142426,9 @@ code {
   padding-right: 0.375rem;
 }
 
-.px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.px-7 {
-  padding-left: 1.75rem;
-  padding-right: 1.75rem;
-}
-
-.px-9 {
-  padding-left: 2.25rem;
-  padding-right: 2.25rem;
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
 }
 
 .px-11 {
@@ -143210,95 +144258,10 @@ code {
   letter-spacing: 0.05em;
 }
 
-.text-green-500 {
-  --tw-text-opacity: 1;
-  color: rgb(72 187 120 / var(--tw-text-opacity));
-}
-
-.text-yellow-900 {
-  --tw-text-opacity: 1;
-  color: rgb(116 66 16 / var(--tw-text-opacity));
-}
-
-.text-yellow-500 {
-  --tw-text-opacity: 1;
-  color: rgb(236 201 75 / var(--tw-text-opacity));
-}
-
-.text-green-900 {
-  --tw-text-opacity: 1;
-  color: rgb(34 84 61 / var(--tw-text-opacity));
-}
-
-.text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgb(113 128 150 / var(--tw-text-opacity));
-}
-
-.text-gray-800 {
-  --tw-text-opacity: 1;
-  color: rgb(45 55 72 / var(--tw-text-opacity));
-}
-
-.text-black {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-
-.text-green-700 {
-  --tw-text-opacity: 1;
-  color: rgb(47 133 90 / var(--tw-text-opacity));
-}
-
-.text-pink-500 {
-  --tw-text-opacity: 1;
-  color: rgb(237 100 166 / var(--tw-text-opacity));
-}
-
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(160 174 192 / var(--tw-text-opacity));
-}
-
-.text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(66 153 225 / var(--tw-text-opacity));
-}
-
-.text-sky-600 {
-  --tw-text-opacity: 1;
-  color: rgb(2 132 199 / var(--tw-text-opacity));
-}
-
-.text-blue-800 {
-  --tw-text-opacity: 1;
-  color: rgb(44 82 130 / var(--tw-text-opacity));
-}
-
-.text-gray-900 {
-  --tw-text-opacity: 1;
-  color: rgb(26 32 44 / var(--tw-text-opacity));
-}
-
-.text-gray-100 {
-  --tw-text-opacity: 1;
-  color: rgb(247 250 252 / var(--tw-text-opacity));
-}
-
-.text-yellow-400 {
-  --tw-text-opacity: 1;
-  color: rgb(246 224 94 / var(--tw-text-opacity));
-}
-
 .tracking-widest {
   letter-spacing: 0.1em;
 }
 
-.text-gray-600 {
-  --tw-text-opacity: 1;
-  color: rgb(113 128 150 / var(--tw-text-opacity));
-}
-
 .text-black {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
@@ -143340,9 +144303,12 @@ code {
   color: rgb(0 0 0 / 0.5);
 }
 
-.text-orange-600 {
-  --tw-text-opacity: 1;
-  color: rgb(221 107 32 / var(--tw-text-opacity));
+.text-black\/60 {
+  color: rgb(0 0 0 / 0.6);
+}
+
+.text-black\/70 {
+  color: rgb(0 0 0 / 0.7);
 }
 
 .text-black\/75 {
@@ -193684,18 +194650,6 @@ code {
   outline-offset: 8px;
 }
 
-.outline-blue-400 {
-  outline-color: #63b3ed;
-}
-
-.outline-transparent {
-  outline-color: transparent;
-}
-
-.outline-current {
-  outline-color: currentColor;
-}
-
 .outline-black {
   outline-color: #000;
 }
@@ -214407,22 +215361,6 @@ code {
   transition-duration: 150ms;
 }
 
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-none {
-  transition-property: none;
-}
-
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -215554,6 +216492,16 @@ div[class^="ace_incorrect_hedy_code"] {
   background-color: rgb(203 213 224 / 0.5);
 }
 
+.hover\:bg-green-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(154 230 180 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(104 211 145 / var(--tw-bg-opacity));
+}
+
 .hover\:text-red-400:hover {
   --tw-text-opacity: 1;
   color: rgb(252 129 129 / var(--tw-text-opacity));
@@ -215996,14 +216944,6 @@ div[class^="ace_incorrect_hedy_code"] {
   }
 }
 
-.\[\&\:not\(\:last\)\]\:mb-10:not(:last) {
-  margin-bottom: 2.5rem;
-}
-
-.\[\&\:not\(\:last-child\)\]\:mb-10:not(:last-child) {
-  margin-bottom: 2.5rem;
-}
-
 .\[\&\:not\(\:last-child\)\]\:mb-4:not(:last-child) {
   margin-bottom: 1rem;
 }
diff --git a/tests_e2e.py b/tests_e2e.py
index 696ef9085af..c6dc47eea18 100644
--- a/tests_e2e.py
+++ b/tests_e2e.py
@@ -1665,7 +1665,7 @@ def test_valid_update_adventure(self):
             'classes': [],
             'level': '5',
             'content': 'This is just long enough!',
-            'public': True,
+            'public': 1,
             'language': 'en', }
         self.post_data('for-teachers/customize-adventure', body, expect_http_code=200)
 
@@ -1691,7 +1691,7 @@ def test_valid_update_adventure_with_class(self):
             'classes': [class_id],
             'level': '5',
             'content': 'This is just long enough!',
-            'public': True,
+            'public': 1,
             'language': 'en',
         }
 
diff --git a/website/database.py b/website/database.py
index 9aab2ea2501..7e26491635a 100644
--- a/website/database.py
+++ b/website/database.py
@@ -41,7 +41,7 @@
 # - date (int): timestamp of last update
 # - level (int | str): level number, sometimes as an int, sometimes as a str
 # - name (str): adventure name
-# - public (bool): whether it can be shared
+# - public (int): 1 or 0 whether it can be shared
 # - tags_id (str): id of tags that describe this adventure.
 ADVENTURES = dynamo.Table(storage, "adventures", "id", indexes=[dynamo.Index("creator"), dynamo.Index("public")])
 INVITATIONS = dynamo.Table(
@@ -597,7 +597,7 @@ def batch_get_adventures(self, adventure_ids):
         return ADVENTURES.batch_get(keys) if keys else {}
 
     def get_public_adventures(self):
-        return ADVENTURES.get_many({"public": True})
+        return ADVENTURES.get_many({"public": 1})
 
     def delete_adventure(self, adventure_id):
         ADVENTURES.delete({"id": adventure_id})
@@ -662,7 +662,7 @@ def all_adventures(self):
         return ADVENTURES.scan()
 
     def public_adventures(self):
-        return ADVENTURES.get_many({"public": True})
+        return ADVENTURES.get_many({"public": 1})
 
     def get_student_classes_ids(self, username):
         ids = USERS.get({"username": username}).get("classes")
diff --git a/website/for_teachers.py b/website/for_teachers.py
index dd4252c3b94..db121ce83d1 100644
--- a/website/for_teachers.py
+++ b/website/for_teachers.py
@@ -896,7 +896,7 @@ def update_adventure(self, user):
             return gettext("content_invalid"), 400
         if len(body.get("content")) < 20:
             return gettext("adventure_length"), 400
-        if not isinstance(body.get("public"), bool):
+        if not isinstance(body.get("public"), bool) and not isinstance(body.get("public"), int):
             return gettext("public_invalid"), 400
         if not isinstance(body.get("language"), str) or body.get("language") not in hedy_content.ALL_LANGUAGES.keys():
             # we're incrementally integrating language into adventures; i.e., not all adventures have a language field.
@@ -929,7 +929,7 @@ def update_adventure(self, user):
             "name": body["name"],
             "level": body["level"],
             "content": body["content"],
-            "public": body["public"],
+            "public": 1 if body["public"] else 0,
             "language": body["language"],
         }
 
diff --git a/website/public_adventures.py b/website/public_adventures.py
index 3196c1242ea..e0a681ea1b1 100644
--- a/website/public_adventures.py
+++ b/website/public_adventures.py
@@ -80,7 +80,7 @@ def clone_adventure(self, user, adventure_id):
             "cloned_from": adventure_id,
             "name": current_adventure.get("name"),
             "content": current_adventure.get("content"),
-            "public": True,
+            "public": 1,
             "creator": user["username"],
             "date": utils.timems(),
             "level": current_adventure.get("level"),