diff --git a/index.php b/index.php
index 195a6c1..a1bdc2a 100644
--- a/index.php
+++ b/index.php
@@ -4,83 +4,7 @@
Allmende-Essen Test
-
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..5388c32
--- /dev/null
+++ b/style.css
@@ -0,0 +1,75 @@
+body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f4f4f4;
+ color: #333;
+}
+.container {
+ width: 80%;
+ margin: auto;
+ overflow: hidden;
+}
+header {
+ background: #333;
+ color: #fff;
+ padding-top: 30px;
+ min-height: 70px;
+ border-bottom: #77aaff 3px solid;
+}
+header a {
+ color: #fff;
+ text-decoration: none;
+ text-transform: uppercase;
+ font-size: 16px;
+}
+header ul {
+ padding: 0;
+ list-style: none;
+}
+header li {
+ float: left;
+ display: inline;
+ padding: 0 20px 0 20px;
+}
+header #branding {
+ float: left;
+}
+header #branding img {
+ height: 50px;
+ width: 40px;
+ margin-right: 10px;
+}
+header #branding h1 {
+ margin: 0;
+}
+header nav {
+ float: right;
+ margin-top: 10px;
+}
+.dinner-option {
+ background: #fff;
+ padding: 20px;
+ margin: 20px 0;
+ border-radius: 5px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+.dinner-option h2 {
+ margin-top: 0;
+}
+.btn {
+ background: #77aaff;
+ color: #fff;
+ padding: 10px 20px;
+ text-decoration: none;
+ border-radius: 5px;
+ display: inline-block;
+ margin-top: 10px;
+}
+.btn-grey {
+ background: #ccc;
+ color: #333;
+}
+.btn:hover {
+ background: #5a99d0;
+}
\ No newline at end of file