diff --git a/styles.css b/styles.css
index dcf8f35..d864176 100644
--- a/styles.css
+++ b/styles.css
@@ -1,23 +1,126 @@
+.spacer {
+    border-left-style: solid;
+    border-left-width: 5px;
+    border-left-color: #488214;
+    background-color: rgba(124, 205, 124, 0.3);
+}
+
+.totalsec:hover {
+    border-style: ;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+/* Style the header */
+.header {
+  background-color: #f1f1f1;
+  padding: 20px;
+  text-align: center;
+}
+
+
+/* Create three equal columns that floats next to each other */
+.column {
+  float: left;
+  width: 33.33%;
+  padding: 15px;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
+@media screen and (max-width:600px) {
+  .column {
+    width: 100%;
+  }
+}
+
 #title {
     text-align: center;
     font-size: 50px;
     font-weight: bold;
     border-style: double;
 }
-.borderi {
-    margin: 7px 5px 7px 5px;
-    padding: 5px 3px 5px 3px;
-    
-}
+
 
 .price {
     border-style: solid;
     border-width: 2px;
-    margin: 5px 1px 5px 1px;
-    padding: 1px 1px 1px 1px;
+    border-radius: 5px;
+    margin: 5px 5px 5px 5px;
+    padding: 2px 2px 2px 2px;
+    background: #98FB98;
 }
 
-#left {
+
+.left {
     font-size: 30px;
     text-align: left;
 }
+
+.button-style {
+  padding: 5px;
+  margin: 20px 5px 20px 5px;
+  display: inline-block;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  outline: none;
+  color: #fff;
+  background-color: #4CAF50;
+  border: none;
+  border-radius: 15px;
+  box-shadow: 2px 4px #999;
+  transition: 0.2s;
+  width: 200px;
+  height: 30px;
+}
+
+.button-style span {
+  display: inline-block;
+  position: relative;
+  transition: 0.5s;
+}
+
+.button-style span:after {
+  content: ' \0024';
+  position: absolute;
+  opacity: 0;
+  top: 0;
+  right: -20px;
+  transition: 0.5s;
+}
+
+.button-style:hover span {
+    padding-right: 20px;
+}
+
+.button-style:hover span:after {
+    opacity: 1;
+    right: 0;
+}
+
+.button-style:hover {
+    transition: 0.2s;
+    box-shadow: 5px 8px #666;
+    }
+
+.button-style:active {
+  background-color: #4CAF50;
+  box-shadow: 2px 5px #666;
+  transform: translateY(5px);
+  transform: translateX(2px);
+  transition: 0.2s;
+  color: white;
+}