diff --git a/style.css b/style.css
index 03849cd..8415e56 100644
--- a/style.css
+++ b/style.css
@@ -26,11 +26,36 @@ body {
   height: 40vh;
   justify-content: center;
   text-align: center;
+  width: 100%;
 }
 
 .mx_Main {
-  max-width: 1200px;
+  max-width: 899px;
   width: calc(100% - 4rem);
+  position: relative;
+  top: -30px;
+  background-color: rgb(250, 220, 120);
+  border-radius: 10px;
+  margin: 0px auto;
+  padding: 40px;
+}
+
+button {
+  display: flex;
+  margin: auto;
+  font-weight: bold;
+  padding: 10px 14px;
+  background: rgb(255, 255, 230);
+  border-radius: 5px;
+  box-shadow: rgba(0,0,0,0.1) 5px 5px 0px 0px;
+  transition: box-shadow .15s ease, transform .15s ease;
+  border: 0;
+  font-size: medium;
+}
+
+button:hover {
+  box-shadow: rgba(0,0,0,0.1) 2.5px 2.5px 0px 0px;
+  transform: translate(2.5px, 2.5px);
 }
 
 @media screen and (max-width: 1120px) {