edit styles

styles/container.css

+.column {
+    margin: 20px; /* Add a top margin to avoid content overlay */
+    padding: 20px;
+    align-items: center;
+    height: fit-content;
+    border: 5px solid transparent;
+    max-width: 800px;
+}
+
+.row {
+    display: flex; /* Display children in a row */
+    justify-content: space-between; /* Spread children evenly horizontally */
+    align-items: center; /* Center children vertically */
+    padding: 10px; /* Add padding for spacing */
+}
+
+.event-container {
+    padding: 10px;
+    margin-top: 20px;
+    width: fit-content;
+    border: 5px solid transparent;
+    background-color: lightblue;
+}
+
+.main-content {
+    position: absolute;
+    top: 10%;
+    height: fit-content;
+    align-items: center;
+    width: fit-content;
+    border: 5px solid transparent;
+}
\ No newline at end of file

styles/dropdown.css

+.styled-select {
+    font-size: 14px;
+    height: 40px;
+    width: calc(100% - 20px);
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+}

styles/global.css

@@ -2,6 +2,7 @@ body, h1, h2, h3, p, img{
     margin: 0;
     padding: 0;
     border: 0;
+    background-color: #f8f8f8;
 }
 
 body {
@@ -89,4 +90,4 @@ div.index div.events li {
 .events {
     text-align: center; /* Center text within the .events container */
     margin-top: 20px;
-}
+}
\ No newline at end of file