1 files changed, 64 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index 03fae5b..70482a5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -605,12 +605,18 @@ div {
 
 .header {
   display: flex;
-  width: 66.666667%;
+  width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(240 171 252 / var(--tw-bg-opacity));
   padding: 0.5rem;
 }
 
+@media (min-width: 768px) {
+  .header {
+    width: 66.666667%;
+  }
+}
+
 .about {
   justify-items: center;
   border-width: 4px;
@@ -667,6 +673,11 @@ div {
   margin-bottom: 2.5rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .ml-6 {
   margin-left: 1.5rem;
 }
@@ -683,10 +694,26 @@ div {
   display: none;
 }
 
+.h-24 {
+  height: 6rem;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.w-full {
+  width: 100%;
+}
+
 .w-screen {
   width: 100vw;
 }
 
+.grow {
+  flex-grow: 1;
+}
+
 .list-outside {
   list-style-position: outside;
 }
@@ -695,10 +722,18 @@ div {
   list-style-type: disc;
 }
 
+.flex-row {
+  flex-direction: row;
+}
+
 .flex-col {
   flex-direction: column;
 }
 
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
 .items-center {
   align-items: center;
 }
@@ -707,12 +742,16 @@ div {
   justify-content: space-around;
 }
 
+.gap-2 {
+  gap: 0.5rem;
+}
+
 .gap-4 {
   gap: 1rem;
 }
 
-.gap-2 {
-  gap: 0.5rem;
+.overflow-x-hidden {
+  overflow-x: hidden;
 }
 
 .border-2 {
@@ -738,6 +777,10 @@ div {
   padding: 0.5rem;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -763,6 +806,14 @@ div {
   color: rgb(45 212 191 / var(--tw-text-opacity));
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
+.decoration-primary-300 {
+  text-decoration-color: #f0abfc;
+}
+
 .marker\:text-secondary-300 *::marker {
   color: rgb(94 234 212 );
 }
@@ -779,3 +830,13 @@ div {
 .group:hover .group-hover\:inline-block {
   display: inline-block;
 }
+
+@media (min-width: 768px) {
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-3\/4 {
+    width: 75%;
+  }
+}