.box { width: 100%; max-width: 800px; box-sizing: border-box; position: relative; margin: 0 auto; padding: 0 2rem; }

header, main, footer { width: 100%; float: left; box-sizing: border-box; margin: auto 0; }

header { margin-top: 4rem; }

html { font-size: 62.5%; }
body { font-size: 1.5rem; font-family: sans-serif; font-weight: 400; color: #000; }

h1 { margin: 0 auto; font-weight: 700; font-size: 4.0rem; letter-spacing: -.1rem; color: #000; }

p { margin-top: 0; line-height: 1.4; color: #333; }

a { color: #1EAEDB; }
a:hover { color: #0FA0CE; }

ul { list-style: circle inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }

.box:after, header:after, main:after, footer:after, { content: ""; display: table; clear: both; }