Merge main and body

style.less

@@ -32,10 +32,18 @@ html {
 }
 
 body {
+  display: flex;
+  flex-direction: column;
+
+  width: 814px;
+  height: 100%;
+
   margin: 0px;
+  margin-left: auto;
+  margin-right: auto;
+
   font-weight: normal;
   font-size: 20px;
-  height: 100%;
 
   @media @light {
     color: @text-light;
@@ -170,15 +178,6 @@ summary {
   text-decoration: none;
 }
 
-main {
-  display: flex;
-  flex-direction: column;
-  margin-left: auto;
-  margin-right: auto;
-  width: 814px;
-  height: 100%;
-}
-
 header {
   text-align: center;
   padding-top: 12px;
@@ -230,10 +229,8 @@ h2 {
 }
 
 .param {
-  padding: 10px;
-  padding-left: 0px;
+  padding: 4px;
   margin-left: 0px;
-  padding-right: 0px;
   margin-right: 0px;
 }
 
@@ -458,7 +455,7 @@ input[type=submit] {
 
 @media (max-width: 850px) {
 
-  main {
+  body {
     width: auto;
   }