diff --git a/styles/container.css b/styles/container.css
new file mode 100644
index 0000000000000000000000000000000000000000..df7ccc1dae5ef969f39e161900291d27fb456c9f
--- /dev/null
+++ b/styles/container.css
@@ -0,0 +1,32 @@
+.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
diff --git a/styles/dropdown.css b/styles/dropdown.css
new file mode 100644
index 0000000000000000000000000000000000000000..bca90468181caa0f407c3624c5ebcaa0932fd166
--- /dev/null
+++ b/styles/dropdown.css
@@ -0,0 +1,9 @@
+.styled-select {
+    font-size: 14px;
+    height: 40px;
+    width: calc(100% - 20px);
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+}
diff --git a/styles/global.css b/styles/global.css
index 427a4d88d9c894c0fa200282122bf0b830f57ead..73c7006475200cb6f787d6d808ec9e9b95567926 100644
--- a/styles/global.css
+++ b/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