upgrade normalize.css to v8.0.0

public/style.css

@@ -1,236 +1,206 @@
-/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-[hidden],
-template {
-    display: none;
-}
 
 html {
-    font-family: sans-serif;
+  line-height: 1.15;
-    -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
 }
 
 body {
-    margin: 0;
+  margin: 0;
-}
-
-a {
-    background: transparent;
-}
-
-a:focus {
-    outline: thin dotted;
-}
-
-a:active,
-a:hover {
-    outline: 0;
 }
 
 h1 {
-    font-size: 2em;
+  font-size: 2em;
-    margin: .67em 0;
+  margin: .67em 0;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+a {
+  background-color: transparent;
 }
 
 abbr[title] {
-    border-bottom: 1px dotted;
+  border-bottom: 0;
+  text-decoration: underline;
+  text-decoration: underline dotted;
 }
 
 b,
 strong {
-    font-weight: bold;
+  font-weight: bolder;
-}
-
-dfn {
-    font-style: italic;
-}
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-mark {
-    background: #ff0;
-    color: #000;
 }
 
 code,
 kbd,
-pre,
 samp {
-    font-family: monospace, serif;
+  font-family: monospace, monospace;
-    font-size: 1em;
+  font-size: 1em;
-}
-
-pre {
-    white-space: pre-wrap;
-}
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
 }
 
 small {
-    font-size: 80%;
+  font-size: 80%;
 }
 
 sub,
 sup {
-    font-size: 75%;
+  font-size: 75%;
-    line-height: 0;
+  line-height: 0;
-    position: relative;
+  position: relative;
-    vertical-align: baseline;
+  vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
 }
 
 sub {
-    bottom: -0.25em;
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
 }
 
 img {
-    border: 0;
+  border-style: none;
-}
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-figure {
-    margin: 0;
-}
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: .35em .625em .75em;
-}
-
-legend {
-    border: 0;
-    padding: 0;
 }
 
 button,
 input,
+optgroup,
 select,
 textarea {
-    font-family: inherit;
+  font-family: inherit;
-    font-size: 100%;
+  font-size: 100%;
-    margin: 0;
+  line-height: 1.15;
+  margin: 0;
 }
 
 button,
 input {
-    line-height: normal;
+  overflow: visible;
 }
 
 button,
 select {
-    text-transform: none;
+  text-transform: none;
 }
 
 button,
-html input[type="button"],
+[type="button"],
-input[type="reset"],
+[type="reset"],
-input[type="submit"] {
+[type="submit"] {
-    -webkit-appearance: button;
+  -webkit-appearance: button;
-    cursor: pointer;
-}
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box;
-    padding: 0;
-}
-
-input[type="search"] {
-    -webkit-appearance: textfield;
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-}
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
 }
 
 button::-moz-focus-inner,
-input::-moz-focus-inner {
+[type="button"]::-moz-focus-inner,
-    border: 0;
+[type="reset"]::-moz-focus-inner,
-    padding: 0;
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+fieldset {
+  padding: .35em .75em .625em;
+}
+
+legend {
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
 }
 
 textarea {
-    overflow: auto;
+  overflow: auto;
-    vertical-align: top;
 }
 
-table {
+[type="checkbox"],
-    border-collapse: collapse;
+[type="radio"] {
-    border-spacing: 0;
+  box-sizing: border-box;
+  padding: 0;
 }
 
-/* open-sans-light 300 */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}
+
+
+/*! Open Sans Light | Apache License 2.0 | fonts.google.com/specimen/Open+Sans */
 
 @font-face {
-  font-family: 'Open Sans';
+  font-family: "Open Sans";
   font-style: normal;
   font-weight: 300;
-  src: url('fonts/open-sans-light.eot'); /* IE9 Compat Modes */
+  src: url("fonts/open-sans-light.eot");
-  src: local('Open Sans Light'), local('OpenSans-Light'),
+  src: local("Open Sans Light"), local("OpenSans-Light"),
-       url('fonts/open-sans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url("fonts/open-sans-light.eot?#iefix") format("embedded-opentype"),
-       url('fonts/open-sans-light.woff2') format('woff2'), /* Super Modern Browsers */
+       url("fonts/open-sans-light.woff2") format("woff2"),
-       url('fonts/open-sans-light.woff') format('woff'), /* Modern Browsers */
+       url("fonts/open-sans-light.woff") format("woff"),
-       url('fonts/open-sans-light.ttf') format('truetype'), /* Safari, Android, iOS */
+       url("fonts/open-sans-light.ttf") format("truetype"),
-       url('fonts/open-sans-light.svg#OpenSans') format('svg'); /* Legacy iOS */
+       url("fonts/open-sans-light.svg#OpenSans") format("svg");
 }
 
-/* custom CSS */
+
+/*! JJ CSS */
 
 body {
   display: table;
   width: 100%;
   height: 100%;
   color: #1a1a1a;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   font-weight: 300;
   font-size: 24px;
   line-height: 1.5;