Further finetune style.

style.css

@@ -1,6 +1,6 @@
 html {
     scroll-behavior: smooth;
-    max-width: 900px;
+    max-width: 800px;
     margin: auto;
 }
 
@@ -131,3 +131,52 @@ background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
 background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
 }
 
+hr.curve {
+border: 0;
+height: 15px;
+background-image: url(curve.png);
+background-size: 100% 100%;
+background-repeat: no-repeat;
+}
+
+.box {
+	width:100%;
+	height:280px;
+	background:rgb(220, 220, 220);
+	margin:40px auto;
+}
+
+.effect2
+{
+  position: relative;
+}
+.effect2:before, .effect2:after
+{
+  z-index: -1;
+  position: absolute;
+  content: "";
+  bottom: 15px;
+  left: 10px;
+  width: 50%;
+  top: 80%;
+  max-width:300px;
+  background: #777;
+  -webkit-box-shadow: 0 15px 10px #777;
+  -moz-box-shadow: 0 15px 10px #777;
+  box-shadow: 0 15px 10px #777;
+  -webkit-transform: rotate(-3deg);
+  -moz-transform: rotate(-3deg);
+  -o-transform: rotate(-3deg);
+  -ms-transform: rotate(-3deg);
+  transform: rotate(-3deg);
+}
+.effect2:after
+{
+  -webkit-transform: rotate(3deg);
+  -moz-transform: rotate(3deg);
+  -o-transform: rotate(3deg);
+  -ms-transform: rotate(3deg);
+  transform: rotate(3deg);
+  right: 10px;
+  left: auto;
+}