diff --git a/static/landingstyle.css b/static/landingstyle.css
index 496bb079cca6cccfe95dfac79cc0822052fca366..a63b29d5a4cab5686387807774ac244875f7baa7 100644
--- a/static/landingstyle.css
+++ b/static/landingstyle.css
@@ -8,26 +8,52 @@ header{
   height: 75%;
 }
 
-button{
-  background-color: white;
-  color: black;
-  text-align: center;
-  position: absolute;
-  margin: inherit;
-  display: inline-block;
-  line-height: 20px;
+
+#logo{
   width: 10%;
-  height: 15%;
-  font-size: 16px;
-  border-radius: 12px;
-  padding: 1px 10px;
-  transform: translate(350%, 50%);
-  font-family: monospace;
-  font-style: oblique;
-  font-weight: bolder;
+}
+
+
+button{
+  font-family: 'Sora', sans-serif;
   cursor: pointer;
 }
 
 body{
-  display: block;
+  background-color: #212529;
+  font-family: 'Sora', sans-serif;
+}
+
+.container-fluid{
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+}
+#tramshed{
+  width: 45%;
+  height: 45%;
+  display: inline-block;
+  transform: translate(60%, 0%);
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 5px;
+}
+
+#buttons{
+  width: 25%;
+  height: 25%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-left: auto;
+  margin-right: auto;
+  transform: translate(-10%, 0%);
+}
+
+#dropdownmenu{
+  background-color: grey;
+  color: #212529;
+  text-align: end;
 }