Add background & Style Title, then timer

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;
+}