add content and change project layout

assets/styles/structure.sass

@@ -0,0 +1,97 @@
+@import 'variables'
+
+body
+  padding: 0
+  margin: 0
+  line-height: 1.5
+
+.container
+  max-width: 1200px
+  margin: 0 auto
+  padding: 20px
+  min-height: 100vh
+
+.content
+  // text-align: justify
+  max-width: 1000px
+  margin: 0 auto
+  padding: 20px 40px
+  border-radius: 3px
+  @media (max-width: 600px)
+    padding: 20px
+
+.main
+  section
+    margin-bottom: 1.5*$size
+  h1
+    padding-left: 0
+  h2
+    padding-left: 2em
+    @media (max-width: 600px)
+      padding-left: 1em
+  .desc
+    padding-left: 4em
+    @media (max-width: 600px)
+      padding-left: 2em
+  ol, ul
+    padding-left: 2em
+    @media (max-width: 600px)
+      padding-left: 1em
+    li
+      // list-style-position: inside
+      list-style-type: square
+  .history
+    .desc > ul > li
+      margin-bottom: 1.5*$size
+
+header
+  margin-bottom: 2*$size
+footer
+  margin-top: 2*$size
+
+header table, footer table
+  width: 100%
+  border-collapse: collapse
+  border-spacing: 0
+  .left, .right
+    width: 30%
+  .center
+    width: 40%
+  td
+    word-break: break-word
+
+header
+  .left, .right
+    text-transform: uppercase
+footer
+  .right
+    text-transform: uppercase
+
+.left
+  text-align: left
+.center
+  text-align: center
+.right
+  text-align: right
+
+// .box {
+//   display: flex;
+//   align-items: center;
+//   justify-content: center;
+//   width: 100%;
+//   heigh: 100%;
+//   padding: 10px;
+//   box-sizing: border-box;
+// }
+//
+// .box div {
+//   width: 100%;
+//   height: 100%;
+//   padding: 10px;
+//   margin: 0;
+//   border: 0;
+//   box-sizing: border-box;
+// }
+// .box p {
+//     margin: 0
+// }