diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b512c09
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
\ No newline at end of file
diff --git a/README.md b/README.md
index e8218cd..55ea6de 100644
--- a/README.md
+++ b/README.md
@@ -9,15 +9,18 @@ BareCSS uses a simple two step process to get started:
 
 #### Easy mode:
 
-- [Download the latest release](https://github.com/longsien/BareCSS/releases/download/v1.1.0/BareCSS-v1.1.0.zip)
+- [Download the latest release](https://github.com/strangebuzz/BareCSS/releases/download/v1.2.0/BareCSS-v1.2.0.zip)
 - Link `bare.min.css` to your HTML file
 
 #### Custom mode:
 
-- [Download the latest release](https://github.com/longsien/BareCSS/releases/download/v1.1.0/BareCSS-v1.1.0.zip)
+- [Download the latest release](https://github.com/strangebuzz/BareCSS/releases/download/v1.2.0/BareCSS-v1.2.0.zip)
 - Edit the `bare.less` file to add/remove components.
 - Compile and link the resulting CSS in your HTML file
 
+    npm install
+    npm run less
+ 
 ## What's included
 
 ```
@@ -52,8 +55,12 @@ BareCSS/
 	└── bare.less
 ```
 
-## Creator
+## Creator(s)
 
 __Long Sien__
 
 - [https://github.com/longsien](https://github.com/longsien)
+
+__ss1978__
+
+- The `package.json` file was copied from the [ss1978/BareCSS](https://github.com/ss1978/BareCSS/blob/master/package.json) fork. 
\ No newline at end of file
diff --git a/css/bare.css b/css/bare.css
new file mode 100644
index 0000000..905079f
--- /dev/null
+++ b/css/bare.css
@@ -0,0 +1,1092 @@
+/*	variables
+----------------------------------------------------------------------*/
+/*	mini browser reset
+----------------------------------------------------------------------*/
+html {
+  font-family: sans-serif;
+  font-size: 10px;
+  box-sizing: border-box;
+  -webkit-text-size-adjust: 100%;
+}
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+  position: relative;
+}
+:focus {
+  outline: 0;
+}
+body {
+  color: hsl(200, 10%, 20%);
+  margin: 0;
+  font-size: 1.4rem;
+  line-height: 1.8;
+  font-weight: 300;
+}
+@media (max-width: 50rem) {
+  body {
+    overflow-x: hidden;
+  }
+}
+a {
+  background-color: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+b,
+strong {
+  font-weight: 700;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0 0 2rem;
+  font-weight: 200;
+}
+img {
+  border: 0;
+}
+::selection {
+  background-color: #679;
+  color: #fff;
+}
+/*	anchor link
+----------------------------------------------------------------------*/
+a:not([class]),
+a[xx] {
+  color: inherit;
+  text-decoration: none;
+  display: inline-block;
+  z-index: 1;
+}
+p a:not([class]):not([btn]):before,
+p a[xx]:not([btn]):before {
+  content: "";
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  background: #fd0;
+  position: absolute;
+  opacity: 0.5;
+  transform: scale3d(1, 0.1, 1);
+  transform-origin: bottom;
+  z-index: -1;
+}
+p a:not([class]):not([btn]):hover:before,
+p a[xx]:not([btn]):hover:before {
+  transform: none;
+}
+/*	blockquote
+----------------------------------------------------------------------*/
+blockquote:not([class]),
+blockquote[xx] {
+  margin: 2rem 0;
+  padding: 1rem 2rem;
+  border-left: 4px solid #679;
+}
+/*	buttons
+----------------------------------------------------------------------*/
+button:not([class]),
+button[xx],
+input[type=submit],
+[btn] {
+  cursor: pointer;
+  color: #679;
+  display: inline-block;
+  padding: 1.4rem 2rem;
+  background: #fff;
+  border: 1px solid #679;
+  border-radius: 2px;
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+  text-transform: uppercase;
+  text-decoration: none;
+  text-align: center;
+  font-size: 1.2rem;
+  font-weight: 700;
+  line-height: 1rem;
+  margin: 0 1rem 1rem 0;
+  -webkit-appearance: none;
+}
+button:not([class]):before,
+button[xx]:before,
+input[type=submit]:before,
+[btn]:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  transform: scale3d(1.2, 1.2, 1.2);
+  background: #679;
+}
+button:not([class]):not(:disabled):hover,
+button[xx]:not(:disabled):hover,
+input[type=submit]:not(:disabled):hover,
+[btn]:not(:disabled):hover {
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+  background: hsl(200, 10%, 96%);
+}
+button:not([class]):not(:disabled):hover:active,
+button[xx]:not(:disabled):hover:active,
+input[type=submit]:not(:disabled):hover:active,
+[btn]:not(:disabled):hover:active {
+  box-shadow: none;
+  transition: none;
+}
+button:not([class])[primary],
+button[xx][primary],
+input[type=submit][primary],
+[btn][primary] {
+  border-color: #5a6987;
+  background: #679;
+  color: #fff;
+  font-weight: 700;
+}
+button:not([class])[primary]:not(:disabled):hover,
+button[xx][primary]:not(:disabled):hover,
+input[type=submit][primary]:not(:disabled):hover,
+[btn][primary]:not(:disabled):hover {
+  background: #5a6987;
+}
+button:not([class])[round],
+button[xx][round],
+input[type=submit][round],
+[btn][round] {
+  border-radius: 4rem;
+}
+@media (max-width: 50rem) {
+  button:not([class])[m-full],
+  button[xx][m-full],
+  input[type=submit][m-full],
+  [btn][m-full] {
+    width: 100%;
+  }
+}
+button:not([class]):disabled,
+button[xx]:disabled,
+input[type=submit]:disabled,
+[btn]:disabled,
+button:not([class]).disabled,
+button[xx].disabled,
+input[type=submit].disabled,
+[btn].disabled {
+  border-color: hsl(200, 10%, 90%);
+  background: hsl(200, 10%, 90%);
+  color: hsl(200, 10%, 70%);
+  cursor: default;
+}
+/*	card
+----------------------------------------------------------------------*/
+card {
+  background: #fff;
+  display: block;
+  padding: 2rem;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+  border-radius: 2px;
+  margin-bottom: 2rem;
+}
+card hr:not([class]),
+card hr[xx] {
+  margin: 1rem 0;
+}
+card:last-child {
+  margin-bottom: 0;
+}
+card > img:not([class]),
+card > img[xx] {
+  width: calc(100% + 4rem);
+  max-width: none;
+  margin: 0 0 2rem -2rem;
+  display: block;
+}
+card > img:not([class]):first-child,
+card > img[xx]:first-child {
+  margin: -2rem 0 2rem -2rem;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+card > img:not([class]):last-child,
+card > img[xx]:last-child {
+  margin: 0 0 -2rem -2rem;
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+/*	code
+----------------------------------------------------------------------*/
+code:not([class]),
+code[xx] {
+  display: inline-block;
+  background: hsl(200, 10%, 96%);
+  border: 1px solid hsl(200, 10%, 90%);
+  padding: 0 0.5rem;
+  color: hsl(200, 10%, 30%);
+  font-size: 1.2rem;
+  line-height: 1.8;
+  font-family: monospace;
+  border-radius: 2px;
+  text-transform: none;
+  font-weight: 300;
+}
+pre:not([class]) code,
+pre[xx] code {
+  padding: 2rem;
+  border: none;
+  border-left: 4px solid #679;
+  border-radius: 0;
+  width: 100%;
+  display: block;
+}
+/*	footer
+----------------------------------------------------------------------*/
+footer {
+  color: #fff;
+  width: 100%;
+  max-width: 90rem;
+  margin: auto;
+  padding: 2rem;
+  overflow: visible;
+}
+footer:before {
+  content: "";
+  background: #679;
+  width: 99vw;
+  /* @see https://stackoverflow.com/q/75726777/633864 */
+  height: 100%;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  transform: translate(-50%, 0);
+}
+/*	grid
+----------------------------------------------------------------------*/
+grid {
+  display: block;
+  font-size: 0;
+  width: auto;
+  margin: -1rem;
+}
+grid grid:not(:first-child) {
+  margin: 1rem -1rem 0;
+}
+[col="1/12"] {
+  width: 8.33333333%;
+}
+[col="2/12"],
+[col="1/6"] {
+  width: 16.66666667%;
+}
+[col="3/12"],
+[col="1/4"] {
+  width: 25%;
+}
+[col="4/12"],
+[col="2/6"],
+[col="1/3"] {
+  width: 33.33333333%;
+}
+[col="5/12"] {
+  width: 41.66666667%;
+}
+[col="6/12"],
+[col="3/6"],
+[col="2/4"],
+[col="1/2"] {
+  width: 50%;
+}
+[col="7/12"] {
+  width: 58.33333333%;
+}
+[col="8/12"],
+[col="4/6"],
+[col="2/3"] {
+  width: 66.66666667%;
+}
+[col="9/12"],
+[col="3/4"] {
+  width: 75%;
+}
+[col="10/12"],
+[col="5/6"] {
+  width: 83.33333333%;
+}
+[col="11/12"] {
+  width: 91.66666667%;
+}
+[col="1/1"] {
+  width: 100%;
+}
+[col] {
+  display: inline-block;
+  font-size: 1.4rem;
+  padding: 1rem;
+  vertical-align: top;
+}
+@media (max-width: 50rem) {
+  [col]:not([fx]) {
+    width: 100%;
+  }
+}
+/*	inputs
+----------------------------------------------------------------------*/
+label:not([class]),
+label[xx] {
+  display: inline-block;
+  width: 100%;
+  text-transform: uppercase;
+  font-size: 1.2rem;
+  font-weight: 400;
+  margin-top: 1rem;
+}
+label:not([class]):first-child,
+label[xx]:first-child {
+  margin-top: 0;
+}
+input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]),
+input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx] {
+  display: inline-block;
+  background: transparent;
+  width: 100%;
+  padding: 0.5rem 0 1rem;
+  margin-bottom: 2rem;
+  border: none;
+  border-bottom: 1px solid hsl(200, 10%, 90%);
+  font-size: 1.4rem;
+  font-weight: 300;
+  border-radius: 0;
+}
+input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):focus,
+input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]:focus,
+input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):hover,
+input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]:hover {
+  color: #679;
+  border-color: #679;
+  outline: 0;
+}
+textarea:not([class]),
+textarea[xx] {
+  display: inline-block;
+  background: transparent;
+  width: 100%;
+  padding: 0.5rem 0 1rem;
+  margin-bottom: 2rem;
+  border: none;
+  border-bottom: 1px solid hsl(200, 10%, 90%);
+  font-size: 1.4rem;
+  font-weight: 300;
+  border-radius: 0;
+  min-height: 8rem;
+  border-right: 1px solid hsl(200, 10%, 90%);
+  padding-right: 2rem;
+  border-bottom-right-radius: 0.5rem;
+}
+textarea:not([class]):focus,
+textarea[xx]:focus,
+textarea:not([class]):hover,
+textarea[xx]:hover {
+  color: #679;
+  border-color: #679;
+  outline: 0;
+}
+select:not([class]),
+select[xx] {
+  padding: 0.5rem 3rem 0.5rem 1rem;
+  display: block;
+  width: 100%;
+  border: 1px solid hsl(200, 10%, 90%);
+  background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 1rem center;
+  background-size: 2rem;
+  border-radius: 2px;
+  height: 4rem;
+  font-size: 1.4rem;
+  font-weight: 300;
+  text-indent: 0.5rem;
+  margin: 0.5rem 0 2rem;
+  appearance: none;
+  cursor: pointer;
+}
+select:not([class]):focus,
+select[xx]:focus,
+select:not([class]):hover,
+select[xx]:hover {
+  border-color: #679;
+  outline: 0;
+}
+input[type=radio]:not([class]),
+input[type=checkbox]:not([class]),
+input[type=radio][xx],
+input[type=checkbox][xx] {
+  z-index: 2;
+  opacity: 0;
+  margin-right: -2rem;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: middle;
+  cursor: pointer;
+}
+input[type=radio]:not([class]) + label,
+input[type=checkbox]:not([class]) + label,
+input[type=radio][xx] + label,
+input[type=checkbox][xx] + label {
+  width: auto;
+  text-transform: none;
+}
+input[type=radio]:not([class]) + label:before,
+input[type=checkbox]:not([class]) + label:before,
+input[type=radio][xx] + label:before,
+input[type=checkbox][xx] + label:before {
+  content: "";
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  border: 1px solid hsl(200, 10%, 70%);
+  background: #fff;
+  vertical-align: middle;
+  margin-right: 1rem;
+}
+input[type=radio]:not([class]) + label:after,
+input[type=checkbox]:not([class]) + label:after,
+input[type=radio][xx] + label:after,
+input[type=checkbox][xx] + label:after {
+  content: "";
+  position: absolute;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  width: 1.6rem;
+  height: 1.6rem;
+  left: 2px;
+  top: 4px;
+  transform: scale(0);
+}
+input[type=radio]:not([class]) + label,
+input[type=radio][xx] + label {
+  font-size: 1.4rem;
+  font-weight: 200;
+}
+input[type=radio]:not([class]) + label:before,
+input[type=radio][xx] + label:before {
+  border-radius: 100%;
+}
+input[type=radio]:not([class]):checked + label:before,
+input[type=radio][xx]:checked + label:before {
+  background: #679;
+  border-color: #679;
+}
+input[type=radio]:not([class]):checked + label:after,
+input[type=radio][xx]:checked + label:after {
+  opacity: 1;
+  visibility: visible;
+  background: #679;
+  border: 1px solid #fff;
+  border-radius: 100%;
+  transform: scale(1);
+  top: 0.5rem;
+}
+input[type=checkbox]:not([class]) + label,
+input[type=checkbox][xx] + label {
+  font-size: 1.4rem;
+  font-weight: 200;
+}
+input[type=checkbox]:not([class]) + label:before,
+input[type=checkbox][xx] + label:before {
+  border-radius: 2px;
+}
+input[type=checkbox]:not([class]) + label:after,
+input[type=checkbox][xx] + label:after {
+  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
+  border-radius: 100%;
+  background-size: 100%;
+}
+input[type=checkbox]:not([class]):checked + label:before,
+input[type=checkbox][xx]:checked + label:before {
+  background: #679;
+  border-color: #679;
+}
+input[type=checkbox]:not([class]):checked + label:after,
+input[type=checkbox][xx]:checked + label:after {
+  opacity: 1;
+  visibility: visible;
+  left: 2px;
+  top: 0.5rem;
+  transform: scale(1);
+}
+/*	layouts
+----------------------------------------------------------------------*/
+img:not([class]),
+img[xx] {
+  height: auto;
+  max-width: 100%;
+}
+section:not([class]),
+section[xx] {
+  margin: auto;
+  padding: 4rem 2rem;
+  width: 100%;
+  max-width: 90rem;
+}
+p:not([class]),
+p[xx] {
+  margin: 0 0 2rem;
+}
+p:not([class]):last-child,
+p[xx]:last-child {
+  margin: 0;
+}
+hr:not([class]),
+hr[xx] {
+  background: hsl(200, 10%, 90%);
+  border: none;
+  width: 100%;
+  height: 1px;
+  margin: 4rem 0;
+}
+/*	lists
+----------------------------------------------------------------------*/
+ul:not([class]),
+ol:not([class]),
+ul[xx],
+ol[xx] {
+  padding-left: 2rem;
+  margin: 0 0 2rem;
+}
+ul:not([class]) ul,
+ol:not([class]) ul,
+ul[xx] ul,
+ol[xx] ul,
+ul:not([class]) ol,
+ol:not([class]) ol,
+ul[xx] ol,
+ol[xx] ol {
+  margin-bottom: 0;
+}
+ul:not([class]),
+ul[xx] {
+  list-style: disc;
+}
+ul:not([class]) ul,
+ul[xx] ul {
+  list-style: circle;
+}
+ol:not([class]),
+ol[xx] {
+  list-style: decimal;
+}
+ol:not([class]) ol,
+ol[xx] ol {
+  list-style: lower-alpha;
+}
+/*	navigation
+----------------------------------------------------------------------*/
+nav:not([class]),
+nav[xx] {
+  background: #fff;
+  color: hsl(200, 10%, 20%);
+  padding: 0 2rem;
+  border-bottom: 1px solid #679;
+  z-index: 10;
+  min-height: 4.4rem;
+}
+nav:not([class])[fx],
+nav[xx][fx] {
+  background: rgba(255, 255, 255, 0.95);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 11;
+}
+nav:not([class]) label,
+nav[xx] label {
+  max-width: 90rem;
+  margin: auto;
+  display: block;
+}
+nav:not([class]) label > input,
+nav[xx] label > input {
+  display: none;
+}
+nav:not([class]) ul,
+nav[xx] ul {
+  padding: 0 2rem;
+  margin: 0;
+  font-size: 0;
+  text-align: right;
+}
+nav:not([class]) ul li,
+nav[xx] ul li {
+  display: inline-block;
+  font-size: 1.6rem;
+}
+@media (min-width: 50.1rem) {
+  nav:not([class]) ul li:hover menu,
+  nav[xx] ul li:hover menu,
+  nav:not([class]) ul menu:hover,
+  nav[xx] ul menu:hover {
+    visibility: visible;
+    opacity: 1;
+    transform: translate3d(0, -1rem, 0);
+    pointer-events: auto;
+  }
+}
+nav:not([class]) ul a,
+nav[xx] ul a {
+  text-decoration: none;
+  text-transform: none;
+  padding: 0.8rem 2rem 0.4rem;
+  border-bottom: 4px solid transparent;
+  display: block;
+  cursor: pointer;
+  font-weight: 300;
+}
+@media (min-width: 50.1rem) {
+  nav:not([class]) ul a:not(:only-child),
+  nav[xx] ul a:not(:only-child) {
+    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E");
+    background-repeat: no-repeat;
+    background-position: right 1.5rem;
+    background-size: 2rem;
+    padding-right: 3rem;
+  }
+}
+nav:not([class]) ul a:hover,
+nav[xx] ul a:hover {
+  color: #679;
+  border-color: #679;
+}
+nav:not([class]) menu,
+nav[xx] menu {
+  padding: 0;
+  margin: 0;
+  background: #fff;
+  z-index: 2;
+  text-align: left;
+  white-space: nowrap;
+  min-width: 100%;
+}
+@media (min-width: 50.1rem) {
+  nav:not([class]) menu,
+  nav[xx] menu {
+    visibility: hidden;
+    opacity: 0;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+    transform: translate3d(0, -2rem, 0);
+    pointer-events: none;
+  }
+}
+nav:not([class]) menu menuitem,
+nav[xx] menu menuitem {
+  display: block;
+  border-left: 4px solid transparent;
+}
+nav:not([class]) menu menuitem:hover,
+nav[xx] menu menuitem:hover {
+  border-color: #679;
+  background-color: hsl(200, 10%, 96%);
+}
+nav:not([class]) menu menuitem:hover a,
+nav[xx] menu menuitem:hover a {
+  transform: translate3d(0.5rem, 0, 0);
+}
+nav:not([class]) menu menuitem a,
+nav[xx] menu menuitem a {
+  text-transform: none;
+  padding: 0.5rem 2rem 0.5rem 1.6rem;
+  border: none;
+  font-size: 1.2rem;
+}
+nav:not([class]) header:before,
+nav[xx] header:before,
+nav:not([class]) header:after,
+nav[xx] header:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 1rem;
+  width: 4.4rem;
+  height: 4.4rem;
+  display: none;
+  background-size: 3rem;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+nav:not([class]) header:before,
+nav[xx] header:before {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%232e3538%22%20d%3D%22M6%2036h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z%22%2F%3E%3C%2Fsvg%3E");
+}
+nav:not([class]) header:after,
+nav[xx] header:after {
+  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M38%2012.83L35.17%2010%2024%2021.17%2012.83%2010%2010%2012.83%2021.17%2024%2010%2035.17%2012.83%2038%2024%2026.83%2035.17%2038%2038%2035.17%2026.83%2024z%22%2F%3E%3C%2Fsvg%3E");
+  opacity: 0;
+  transform: rotate(180deg);
+}
+nav:not([class]) header a,
+nav[xx] header a {
+  position: absolute;
+  left: 2rem;
+  top: 1rem;
+  bottom: 1rem;
+  cursor: pointer;
+  z-index: 2;
+  font-size: 1.6rem;
+  text-decoration: none;
+}
+nav:not([class]) header a img,
+nav[xx] header a img {
+  height: 2rem;
+  vertical-align: middle;
+  top: -1px;
+  margin-right: 1rem;
+}
+@media (max-width: 50rem) {
+  body {
+    padding-top: 4.4rem;
+  }
+  nav:not([class]),
+  nav[xx] {
+    position: fixed;
+    padding: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+  }
+  nav:not([class]) header,
+  nav[xx] header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  nav:not([class]) header:before,
+  nav[xx] header:before,
+  nav:not([class]) header:after,
+  nav[xx] header:after {
+    display: block;
+  }
+  nav:not([class]) label,
+  nav[xx] label {
+    height: 4.4rem;
+  }
+  nav:not([class]) label > ul,
+  nav[xx] label > ul {
+    position: fixed;
+    top: 4.4rem;
+    right: 0;
+    bottom: 0;
+    padding: 0;
+    transform: translate3d(100%, 0, 0);
+    border-top: 1px solid #679;
+    text-align: left;
+    background: #fff;
+    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
+    overflow-x: visible;
+    overflow-y: auto;
+  }
+  nav:not([class]) label > ul li,
+  nav[xx] label > ul li {
+    display: block;
+    border-top: 1px solid hsl(200, 10%, 90%);
+  }
+  nav:not([class]) label > ul a,
+  nav[xx] label > ul a {
+    padding: 1rem 6rem 1rem 2rem;
+    border: none;
+  }
+  nav:not([class]) label input:checked ~ ul,
+  nav[xx] label input:checked ~ ul {
+    transform: none;
+  }
+  nav:not([class]) label input:checked ~ header:before,
+  nav[xx] label input:checked ~ header:before {
+    transform: rotate(-180deg);
+    opacity: 0;
+  }
+  nav:not([class]) label input:checked ~ header:after,
+  nav[xx] label input:checked ~ header:after {
+    transform: none;
+    opacity: 1;
+  }
+  nav:not([class]) label menu menuitem,
+  nav[xx] label menu menuitem {
+    border-color: hsl(200, 10%, 90%);
+  }
+  nav:not([class]) label menu a,
+  nav[xx] label menu a {
+    padding-left: 4rem;
+  }
+}
+/*	table
+----------------------------------------------------------------------*/
+table:not([class]),
+table[xx] {
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  margin-bottom: 2rem;
+  text-align: left;
+  overflow: hidden;
+}
+table:not([class]) th,
+table[xx] th,
+table:not([class]) td,
+table[xx] td {
+  border-bottom: 2px solid hsl(200, 10%, 90%);
+  padding: 1rem;
+}
+table:not([class]) th,
+table[xx] th {
+  font-weight: 700;
+  color: hsl(200, 10%, 30%);
+}
+table:not([class]) th:before,
+table[xx] th:before {
+  content: "";
+  width: 100%;
+  height: 10000%;
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  background: hsl(200, 10%, 96%);
+  z-index: -1;
+  opacity: 0;
+  visibility: hidden;
+}
+table:not([class]) th:hover:before,
+table[xx] th:hover:before {
+  opacity: 1;
+  visibility: visible;
+}
+table:not([class]) td,
+table[xx] td {
+  border-bottom-width: 1px;
+}
+table:not([class]) tbody tr:hover,
+table[xx] tbody tr:hover {
+  background: hsl(200, 10%, 96%);
+}
+/*	tag
+----------------------------------------------------------------------*/
+tag {
+  display: inline-block;
+  font-size: 1.1rem;
+  border-bottom: 1px solid hsl(200, 10%, 90%);
+  border-radius: 1.5rem;
+  background: hsl(200, 10%, 96%);
+  color: #679;
+  padding: 0.2rem 1.2rem;
+  margin: 0 0.5rem 0.5rem 0;
+}
+/*	tooltip
+----------------------------------------------------------------------*/
+[tt],
+[dtt]:disabled,
+[att] {
+  overflow: visible;
+}
+[tt]:after,
+[dtt]:disabled:after,
+[att]:after {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  z-index: 2;
+  background: hsl(200, 10%, 30%);
+  border-radius: 3px;
+  color: #fff;
+  font-family: sans-serif;
+  font-size: 1.2rem;
+  line-height: 2.5;
+  font-weight: 300;
+  letter-spacing: 0;
+  white-space: nowrap;
+  padding: 0 1rem;
+  transform: translate(-50%, -95%);
+  text-transform: none;
+}
+[tt]:hover:after,
+[dtt]:disabled:hover:after,
+[att]:hover:after {
+  opacity: 0.9;
+  visibility: visible;
+  transform: translate(-50%, calc(-100% - 5px));
+}
+[tt]:after {
+  content: attr(tt);
+}
+[dtt]:disabled:after {
+  content: attr(dtt);
+}
+[att]:after {
+  content: attr(href);
+}
+/*	transitions
+----------------------------------------------------------------------*/
+a,
+button,
+input,
+menu,
+menuitem,
+textarea,
+select,
+tr,
+ul,
+:before,
+:after {
+  transition: all 0.3s ease-in-out;
+}
+/* typography
+----------------------------------------------------------------------*/
+h1:not([class]),
+h1[xx] {
+  font-size: 4rem;
+  line-height: 1.1;
+  letter-spacing: -1px;
+}
+h2:not([class]),
+h2[xx] {
+  font-size: 3rem;
+  line-height: 1.1;
+  letter-spacing: -0.05rem;
+}
+h3:not([class]),
+h3[xx] {
+  font-size: 2.5rem;
+  line-height: 1.3;
+  letter-spacing: -0.05rem;
+}
+h4:not([class]),
+h4[xx] {
+  font-size: 2rem;
+  line-height: 1.3;
+  letter-spacing: -0.05rem;
+}
+h5:not([class]),
+h5[xx] {
+  font-size: 1.4rem;
+  line-height: 1.5;
+  letter-spacing: 0rem;
+  text-transform: uppercase;
+  font-weight: 700;
+}
+h6:not([class]),
+h6[xx] {
+  font-size: 1.4rem;
+  line-height: 1.5;
+  letter-spacing: 0rem;
+  text-transform: uppercase;
+  font-weight: 400;
+}
+/*	utility classes (use with xx)
+----------------------------------------------------------------------*/
+[full] {
+  width: 100%;
+}
+[hidden] {
+  display: none;
+}
+[serif] {
+  font-family: serif;
+}
+[sans] {
+  font-family: sans-serif;
+}
+[mono] {
+  font-family: monospace;
+}
+[fs=xs] {
+  font-size: 1.1rem;
+}
+[fs=s] {
+  font-size: 1.2rem;
+}
+[fs=m] {
+  font-size: 1.4rem;
+}
+[fs=l] {
+  font-size: 1.6rem;
+}
+[fs=xl] {
+  font-size: 2.4rem;
+}
+[mt=0] {
+  margin-top: 0;
+}
+[mt=2] {
+  margin-top: 2rem;
+}
+[mt=4] {
+  margin-top: 4rem;
+}
+[mt=8] {
+  margin-top: 8rem;
+}
+[mb=0] {
+  margin-bottom: 0;
+}
+[mb=2] {
+  margin-bottom: 2rem;
+}
+[mb=4] {
+  margin-bottom: 4rem;
+}
+[mb=8] {
+  margin-bottom: 8rem;
+}
+[pt=0] {
+  padding-top: 0;
+}
+[pt=2] {
+  padding-top: 2rem;
+}
+[pt=4] {
+  padding-top: 4rem;
+}
+[pt=8] {
+  padding-top: 8rem;
+}
+[pb=0] {
+  padding-bottom: 0;
+}
+[pb=2] {
+  padding-bottom: 2rem;
+}
+[pb=4] {
+  padding-bottom: 4rem;
+}
+[pb=8] {
+  padding-bottom: 8rem;
+}
+[pa=0] {
+  padding: 0;
+}
+[pa=2] {
+  padding: 2;
+}
+[txt=l] {
+  text-align: left;
+}
+[txt=r] {
+  text-align: right;
+}
+[txt=c] {
+  text-align: center;
+}
+[txt=j] {
+  text-align: justify;
+}
diff --git a/css/bare.min.css b/css/bare.min.css
index 50d8240..998cced 100644
--- a/css/bare.min.css
+++ b/css/bare.min.css
@@ -1,2 +1 @@
-html{font-family:sans-serif;font-size:10px;box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit;position:relative}:focus{outline:0}body{color:#2e3538;margin:0;font-size:1.4rem;line-height:1.8;font-weight:300}@media (max-width:50rem){body{overflow-x:hidden}}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{margin:0 0 2rem;font-weight:200}img{border:0}::-moz-selection{background-color:#679;color:#fff}::selection{background-color:#679;color:#fff}a:not([class]),a[xx]{color:inherit;text-decoration:none;display:inline-block;z-index:1}p a:not([class]):not([btn]):before,p a[xx]:not([btn]):before{content:"";display:inline-block;width:100%;height:100%;background:#fd0;position:absolute;opacity:.5;-webkit-transform:scale3d(1,.1,1);transform:scale3d(1,.1,1);-webkit-transform-origin:bottom;transform-origin:bottom;z-index:-1}p a:not([class]):not([btn]):hover:before,p a[xx]:not([btn]):hover:before{-webkit-transform:none;transform:none}blockquote:not([class]),blockquote[xx]{margin:2rem 0;padding:1rem 2rem;border-left:4px solid #679}[btn],button:not([class]),button[xx],input[type=submit]{cursor:pointer;color:#679;display:inline-block;padding:1.4rem 2rem;background:#fff;border:1px solid #679;border-radius:2px;box-shadow:0 0 0 transparent;text-transform:uppercase;text-decoration:none;text-align:center;font-size:1.2rem;font-weight:700;line-height:1rem;margin:0 1rem 1rem 0;-webkit-appearance:none}[btn]:before,button:not([class]):before,button[xx]:before,input[type=submit]:before{content:"";position:absolute;z-index:-1;opacity:0;width:100%;height:100%;left:0;top:0;-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2);background:#679}[btn]:not(:disabled):hover,button:not([class]):not(:disabled):hover,button[xx]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:2px 2px 4px rgba(0,0,0,.3);background:#f4f5f6}[btn]:not(:disabled):hover:active,button:not([class]):not(:disabled):hover:active,button[xx]:not(:disabled):hover:active,input[type=submit]:not(:disabled):hover:active{box-shadow:none;-webkit-transition:none;transition:none}[btn][primary],button:not([class])[primary],button[xx][primary],input[type=submit][primary]{border-color:#5a6987;background:#679;color:#fff;font-weight:700}[btn][primary]:not(:disabled):hover,button:not([class])[primary]:not(:disabled):hover,button[xx][primary]:not(:disabled):hover,input[type=submit][primary]:not(:disabled):hover{background:#5a6987}[btn][round],button:not([class])[round],button[xx][round],input[type=submit][round]{border-radius:4rem}@media (max-width:50rem){[btn][m-full],button:not([class])[m-full],button[xx][m-full],input[type=submit][m-full]{width:100%}}[btn].disabled,[btn]:disabled,button:not([class]).disabled,button:not([class]):disabled,button[xx].disabled,button[xx]:disabled,input[type=submit].disabled,input[type=submit]:disabled{border-color:#e3e6e8;background:#e3e6e8;color:#abb5ba;cursor:default}card{background:#fff;display:block;padding:2rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);border-radius:2px;margin-bottom:2rem}card hr:not([class]),card hr[xx]{margin:1rem 0}card:last-child{margin-bottom:0}card>img:not([class]),card>img[xx]{width:calc(100% + 4rem);max-width:none;margin:0 0 2rem -2rem;display:block}card>img:not([class]):first-child,card>img[xx]:first-child{margin:-2rem 0 2rem -2rem;border-top-left-radius:2px;border-top-right-radius:2px}card>img:not([class]):last-child,card>img[xx]:last-child{margin:0 0 -2rem -2rem;border-bottom-left-radius:2px;border-bottom-right-radius:2px}code:not([class]),code[xx]{display:inline-block;background:#f4f5f6;border:1px solid #e3e6e8;padding:0 .5rem;color:#454f54;font-size:1.2rem;line-height:1.8;font-family:monospace;border-radius:2px;text-transform:none;font-weight:300}pre:not([class]) code,pre[xx] code{padding:2rem;border:none;border-left:4px solid #679;border-radius:0;width:100%;display:block}footer{color:#fff;width:100%;max-width:90rem;margin:auto;padding:2rem;overflow:visible}footer:before{content:"";background:#679;width:102vw;height:100%;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}grid{display:block;font-size:0;width:auto;margin:-1rem}grid grid:not(:first-child){margin:1rem -1rem 0}[col="1/12"]{width:8.33333333%}[col="2/12"],[col="1/6"]{width:16.66666667%}[col="3/12"],[col="1/4"]{width:25%}[col="4/12"],[col="2/6"],[col="1/3"]{width:33.33333333%}[col="5/12"]{width:41.66666667%}[col="6/12"],[col="3/6"],[col="2/4"],[col="1/2"]{width:50%}[col="7/12"]{width:58.33333333%}[col="8/12"],[col="4/6"],[col="2/3"]{width:66.66666667%}[col="9/12"],[col="3/4"]{width:75%}[col="10/12"],[col="5/6"]{width:83.33333333%}[col="11/12"]{width:91.66666667%}[col="1/1"]{width:100%}[col]{display:inline-block;font-size:1.4rem;padding:1rem;vertical-align:top}@media (max-width:50rem){[col]:not([fx]){width:100%}}label:not([class]),label[xx]{display:inline-block;width:100%;text-transform:uppercase;font-size:1.2rem;font-weight:400;margin-top:1rem}label:not([class]):first-child,label[xx]:first-child{margin-top:0}input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]),input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]{display:inline-block;background:0 0;width:100%;padding:.5rem 0 1rem;margin-bottom:2rem;border:none;border-bottom:1px solid #e3e6e8;font-size:1.4rem;font-weight:300;border-radius:0}input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):hover,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]:focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]:hover{color:#679;border-color:#679;outline:0}textarea:not([class]),textarea[xx]{display:inline-block;background:0 0;width:100%;padding:.5rem 0 1rem;margin-bottom:2rem;border:none;border-bottom:1px solid #e3e6e8;font-size:1.4rem;font-weight:300;border-radius:0;min-height:8rem;border-right:1px solid #e3e6e8;padding-right:2rem;border-bottom-right-radius:.5rem}textarea:not([class]):focus,textarea:not([class]):hover,textarea[xx]:focus,textarea[xx]:hover{color:#679;border-color:#679;outline:0}select:not([class]),select[xx]{padding:.5rem 3rem .5rem 1rem;display:block;width:100%;border:1px solid #e3e6e8;background:#fff url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 1rem center;background-size:2rem;border-radius:2px;height:4rem;font-size:1.4rem;font-weight:300;text-indent:.5rem;margin:.5rem 0 2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select:not([class]):focus,select:not([class]):hover,select[xx]:focus,select[xx]:hover{border-color:#679;outline:0}input[type=checkbox]:not([class]),input[type=checkbox][xx],input[type=radio]:not([class]),input[type=radio][xx]{z-index:2;opacity:0;margin-right:-2rem;width:2rem;height:2rem;vertical-align:middle;cursor:pointer}input[type=checkbox]:not([class])+label,input[type=checkbox][xx]+label,input[type=radio]:not([class])+label,input[type=radio][xx]+label{width:auto;text-transform:none}input[type=checkbox]:not([class])+label:before,input[type=checkbox][xx]+label:before,input[type=radio]:not([class])+label:before,input[type=radio][xx]+label:before{content:"";display:inline-block;width:2rem;height:2rem;border:1px solid #abb5ba;background:#fff;vertical-align:middle;margin-right:1rem}input[type=checkbox]:not([class])+label:after,input[type=checkbox][xx]+label:after,input[type=radio]:not([class])+label:after,input[type=radio][xx]+label:after{content:"";position:absolute;opacity:0;visibility:hidden;pointer-events:none;width:1.6rem;height:1.6rem;left:2px;top:4px;-webkit-transform:scale(0);transform:scale(0)}input[type=radio]:not([class])+label,input[type=radio][xx]+label{font-size:1.4rem;font-weight:200}input[type=radio]:not([class])+label:before,input[type=radio][xx]+label:before{border-radius:100%}input[type=radio]:not([class]):checked+label:before,input[type=radio][xx]:checked+label:before{background:#679;border-color:#679}input[type=radio]:not([class]):checked+label:after,input[type=radio][xx]:checked+label:after{opacity:1;visibility:visible;background:#679;border:1px solid #fff;border-radius:100%;-webkit-transform:scale(1);transform:scale(1);top:.5rem}input[type=checkbox]:not([class])+label,input[type=checkbox][xx]+label{font-size:1.4rem;font-weight:200}input[type=checkbox]:not([class])+label:before,input[type=checkbox][xx]+label:before{border-radius:2px}input[type=checkbox]:not([class])+label:after,input[type=checkbox][xx]+label:after{background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;border-radius:100%;background-size:100%}input[type=checkbox]:not([class]):checked+label:before,input[type=checkbox][xx]:checked+label:before{background:#679;border-color:#679}input[type=checkbox]:not([class]):checked+label:after,input[type=checkbox][xx]:checked+label:after{opacity:1;visibility:visible;left:2px;top:.5rem;-webkit-transform:scale(1);transform:scale(1)}img:not([class]),img[xx]{height:auto;max-width:100%}section:not([class]),section[xx]{margin:auto;padding:4rem 2rem;width:100%;max-width:90rem}p:not([class]),p[xx]{margin:0 0 2rem}p:not([class]):last-child,p[xx]:last-child{margin:0}hr:not([class]),hr[xx]{background:#e3e6e8;border:none;width:100%;height:1px;margin:4rem 0}ol:not([class]),ol[xx],ul:not([class]),ul[xx]{padding-left:2rem;margin:0 0 2rem}ol:not([class]) ol,ol:not([class]) ul,ol[xx] ol,ol[xx] ul,ul:not([class]) ol,ul:not([class]) ul,ul[xx] ol,ul[xx] ul{margin-bottom:0}ul:not([class]),ul[xx]{list-style:disc}ul:not([class]) ul,ul[xx] ul{list-style:circle}ol:not([class]),ol[xx]{list-style:decimal}ol:not([class]) ol,ol[xx] ol{list-style:lower-alpha}nav:not([class]),nav[xx]{background:#fff;color:#2e3538;padding:0 2rem;border-bottom:1px solid #679;z-index:10;min-height:4.4rem}nav:not([class])[fx],nav[xx][fx]{background:rgba(255,255,255,.95);position:fixed;top:0;left:0;right:0;z-index:11}nav:not([class]) label,nav[xx] label{max-width:90rem;margin:auto;display:block}nav:not([class]) label>input,nav[xx] label>input{display:none}nav:not([class]) ul,nav[xx] ul{padding:0 2rem;margin:0;font-size:0;text-align:right}nav:not([class]) ul li,nav[xx] ul li{display:inline-block;font-size:1.6rem}@media (min-width:50.1rem){nav:not([class]) ul li:hover menu,nav:not([class]) ul menu:hover,nav[xx] ul li:hover menu,nav[xx] ul menu:hover{visibility:visible;opacity:1;-webkit-transform:translate3d(0,-1rem,0);transform:translate3d(0,-1rem,0);pointer-events:auto}}nav:not([class]) ul a,nav[xx] ul a{text-decoration:none;text-transform:none;padding:.8rem 2rem .4rem;border-bottom:4px solid transparent;display:block;cursor:pointer;font-weight:300}@media (min-width:50.1rem){nav:not([class]) ul a:not(:only-child),nav[xx] ul a:not(:only-child){background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1.5rem;background-size:2rem;padding-right:3rem}}nav:not([class]) ul a:hover,nav[xx] ul a:hover{color:#679;border-color:#679}nav:not([class]) menu,nav[xx] menu{padding:0;margin:0;background:#fff;z-index:2;text-align:left;white-space:nowrap;min-width:100%}@media (min-width:50.1rem){nav:not([class]) menu,nav[xx] menu{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);-webkit-transform:translate3d(0,-2rem,0);transform:translate3d(0,-2rem,0);pointer-events:none}}nav:not([class]) menu menuitem,nav[xx] menu menuitem{display:block;border-left:4px solid transparent}nav:not([class]) menu menuitem:hover,nav[xx] menu menuitem:hover{border-color:#679;background-color:#f4f5f6}nav:not([class]) menu menuitem:hover a,nav[xx] menu menuitem:hover a{-webkit-transform:translate3d(.5rem,0,0);transform:translate3d(.5rem,0,0)}nav:not([class]) menu menuitem a,nav[xx] menu menuitem a{text-transform:none;padding:.5rem 2rem .5rem 1.6rem;border:none;font-size:1.2rem}nav:not([class]) header:after,nav:not([class]) header:before,nav[xx] header:after,nav[xx] header:before{content:"";position:absolute;top:0;right:1rem;width:4.4rem;height:4.4rem;display:none;background-size:3rem;background-position:center center;background-repeat:no-repeat}nav:not([class]) header:before,nav[xx] header:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%232e3538%22%20d%3D%22M6%2036h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z%22%2F%3E%3C%2Fsvg%3E)}nav:not([class]) header:after,nav[xx] header:after{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M38%2012.83L35.17%2010%2024%2021.17%2012.83%2010%2010%2012.83%2021.17%2024%2010%2035.17%2012.83%2038%2024%2026.83%2035.17%2038%2038%2035.17%2026.83%2024z%22%2F%3E%3C%2Fsvg%3E);opacity:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}nav:not([class]) header a,nav[xx] header a{position:absolute;left:2rem;top:1rem;bottom:1rem;cursor:pointer;z-index:2;font-size:1.6rem;text-decoration:none}nav:not([class]) header a img,nav[xx] header a img{height:2rem;vertical-align:middle;top:-1px;margin-right:1rem}@media (max-width:50rem){body{padding-top:4.4rem}nav:not([class]),nav[xx]{position:fixed;padding:0;top:0;left:0;right:0}nav:not([class]) header,nav[xx] header{position:absolute;top:0;left:0;right:0;bottom:0}nav:not([class]) header:after,nav:not([class]) header:before,nav[xx] header:after,nav[xx] header:before{display:block}nav:not([class]) label,nav[xx] label{height:4.4rem}nav:not([class]) label>ul,nav[xx] label>ul{position:fixed;top:4.4rem;right:0;bottom:0;padding:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);border-top:1px solid #679;text-align:left;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);overflow-x:visible;overflow-y:auto}nav:not([class]) label>ul li,nav[xx] label>ul li{display:block;border-top:1px solid #e3e6e8}nav:not([class]) label>ul a,nav[xx] label>ul a{padding:1rem 6rem 1rem 2rem;border:none}nav:not([class]) label input:checked~ul,nav[xx] label input:checked~ul{-webkit-transform:none;transform:none}nav:not([class]) label input:checked~header:before,nav[xx] label input:checked~header:before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}nav:not([class]) label input:checked~header:after,nav[xx] label input:checked~header:after{-webkit-transform:none;transform:none;opacity:1}nav:not([class]) label menu menuitem,nav[xx] label menu menuitem{border-color:#e3e6e8}nav:not([class]) label menu a,nav[xx] label menu a{padding-left:4rem}}table:not([class]),table[xx]{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:2rem;text-align:left;overflow:hidden}table:not([class]) td,table:not([class]) th,table[xx] td,table[xx] th{border-bottom:2px solid #e3e6e8;padding:1rem}table:not([class]) th,table[xx] th{font-weight:700;color:#454f54}table:not([class]) th:before,table[xx] th:before{content:"";width:100%;height:10000%;position:absolute;display:block;top:0;left:0;background:#f4f5f6;z-index:-1;opacity:0;visibility:hidden}table:not([class]) th:hover:before,table[xx] th:hover:before{opacity:1;visibility:visible}table:not([class]) td,table[xx] td{border-bottom-width:1px}table:not([class]) tbody tr:hover,table[xx] tbody tr:hover{background:#f4f5f6}tag{display:inline-block;font-size:1.1rem;border-bottom:1px solid #e3e6e8;border-radius:1.5rem;background:#f4f5f6;color:#679;padding:.2rem 1.2rem;margin:0 .5rem .5rem 0}[att],[dtt]:disabled,[tt]{overflow:visible}[att]:after,[dtt]:disabled:after,[tt]:after{position:absolute;left:50%;top:0;opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#454f54;border-radius:3px;color:#fff;font-family:sans-serif;font-size:1.2rem;line-height:2.5;font-weight:300;letter-spacing:0;white-space:nowrap;padding:0 1rem;-webkit-transform:translate(-50%,-95%);transform:translate(-50%,-95%);text-transform:none}[att]:hover:after,[dtt]:disabled:hover:after,[tt]:hover:after{opacity:.9;visibility:visible;-webkit-transform:translate(-50%,calc(-100% - 5px));transform:translate(-50%,calc(-100% - 5px))}[tt]:after{content:attr(tt)}[dtt]:disabled:after{content:attr(dtt)}[att]:after{content:attr(href)}:after,:before,a,button,input,menu,menuitem,select,textarea,tr,ul{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}h1:not([class]),h1[xx]{font-size:4rem;line-height:1.1;letter-spacing:-1px}h2:not([class]),h2[xx]{font-size:3rem;line-height:1.1;letter-spacing:-.05rem}h3:not([class]),h3[xx]{font-size:2.5rem;line-height:1.3;letter-spacing:-.05rem}h4:not([class]),h4[xx]{font-size:2rem;line-height:1.3;letter-spacing:-.05rem}h5:not([class]),h5[xx]{font-size:1.4rem;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:700}h6:not([class]),h6[xx]{font-size:1.4rem;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:400}[full]{width:100%}[hidden]{display:none}[serif]{font-family:serif}[sans]{font-family:sans-serif}[mono]{font-family:monospace}[fs=xs]{font-size:1.1rem}[fs=s]{font-size:1.2rem}[fs=m]{font-size:1.4rem}[fs=l]{font-size:1.6rem}[fs=xl]{font-size:2.4rem}[mt=0]{margin-top:0}[mt=2]{margin-top:2rem}[mt=4]{margin-top:4rem}[mt=8]{margin-top:8rem}[mb=0]{margin-bottom:0}[mb=2]{margin-bottom:2rem}[mb=4]{margin-bottom:4rem}[mb=8]{margin-bottom:8rem}[pt=0]{padding-top:0}[pt=2]{padding-top:2rem}[pt=4]{padding-top:4rem}[pt=8]{padding-top:8rem}[pb=0]{padding-bottom:0}[pb=2]{padding-bottom:2rem}[pb=4]{padding-bottom:4rem}[pb=8]{padding-bottom:8rem}[pa=0]{padding:0}[pa=2]{padding:2}[txt=l]{text-align:left}[txt=r]{text-align:right}[txt=c]{text-align:center}[txt=j]{text-align:justify}
-/*# sourceMappingURL=bare.min.css.map */
\ No newline at end of file
+html{font-family:sans-serif;font-size:10px;box-sizing:border-box;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit;position:relative}:focus{outline:0}body{color:#2d3438;margin:0;font-size:1.4rem;line-height:1.8;font-weight:300}@media (max-width:50rem){body{overflow-x:hidden}}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{margin:0 0 2rem;font-weight:200}img{border:0}::selection{background-color:#679;color:#fff}a:not([class]),a[xx]{color:inherit;text-decoration:none;display:inline-block;z-index:1}p a:not([class]):not([btn]):before,p a[xx]:not([btn]):before{content:"";display:inline-block;width:100%;height:100%;background:#fd0;position:absolute;opacity:.5;transform:scale3d(1,.1,1);transform-origin:bottom;z-index:-1}p a:not([class]):not([btn]):hover:before,p a[xx]:not([btn]):hover:before{transform:none}blockquote:not([class]),blockquote[xx]{margin:2rem 0;padding:1rem 2rem;border-left:4px solid #679}[btn],button:not([class]),button[xx],input[type=submit]{cursor:pointer;color:#679;display:inline-block;padding:1.4rem 2rem;background:#fff;border:1px solid #679;border-radius:2px;box-shadow:0 0 0 transparent;text-transform:uppercase;text-decoration:none;text-align:center;font-size:1.2rem;font-weight:700;line-height:1rem;margin:0 1rem 1rem 0;-webkit-appearance:none}[btn]:before,button:not([class]):before,button[xx]:before,input[type=submit]:before{content:"";position:absolute;z-index:-1;opacity:0;width:100%;height:100%;left:0;top:0;transform:scale3d(1.2,1.2,1.2);background:#679}[btn]:not(:disabled):hover,button:not([class]):not(:disabled):hover,button[xx]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:2px 2px 4px rgba(0,0,0,.3);background:#f3f5f5}[btn]:not(:disabled):hover:active,button:not([class]):not(:disabled):hover:active,button[xx]:not(:disabled):hover:active,input[type=submit]:not(:disabled):hover:active{box-shadow:none;transition:none}[btn][primary],button:not([class])[primary],button[xx][primary],input[type=submit][primary]{border-color:#5a6987;background:#679;color:#fff;font-weight:700}[btn][primary]:not(:disabled):hover,button:not([class])[primary]:not(:disabled):hover,button[xx][primary]:not(:disabled):hover,input[type=submit][primary]:not(:disabled):hover{background:#5a6987}[btn][round],button:not([class])[round],button[xx][round],input[type=submit][round]{border-radius:4rem}@media (max-width:50rem){[btn][m-full],button:not([class])[m-full],button[xx][m-full],input[type=submit][m-full]{width:100%}}[btn].disabled,[btn]:disabled,button:not([class]).disabled,button:not([class]):disabled,button[xx].disabled,button[xx]:disabled,input[type=submit].disabled,input[type=submit]:disabled{border-color:#e2e6e8;background:#e2e6e8;color:#aab5ba;cursor:default}card{background:#fff;display:block;padding:2rem;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);border-radius:2px;margin-bottom:2rem}card hr:not([class]),card hr[xx]{margin:1rem 0}card:last-child{margin-bottom:0}card>img:not([class]),card>img[xx]{width:calc(100% + 4rem);max-width:none;margin:0 0 2rem -2rem;display:block}card>img:not([class]):first-child,card>img[xx]:first-child{margin:-2rem 0 2rem -2rem;border-top-left-radius:2px;border-top-right-radius:2px}card>img:not([class]):last-child,card>img[xx]:last-child{margin:0 0 -2rem -2rem;border-bottom-left-radius:2px;border-bottom-right-radius:2px}code:not([class]),code[xx]{display:inline-block;background:#f3f5f5;border:1px solid #e2e6e8;padding:0 .5rem;color:#444f54;font-size:1.2rem;line-height:1.8;font-family:monospace;border-radius:2px;text-transform:none;font-weight:300}pre:not([class]) code,pre[xx] code{padding:2rem;border:none;border-left:4px solid #679;border-radius:0;width:100%;display:block}footer{color:#fff;width:100%;max-width:90rem;margin:auto;padding:2rem;overflow:visible}footer:before{content:"";background:#679;width:99vw;height:100%;position:absolute;left:50%;top:0;transform:translate(-50%,0)}grid{display:block;font-size:0;width:auto;margin:-1rem}grid grid:not(:first-child){margin:1rem -1rem 0}[col="1/12"]{width:8.33333333%}[col="2/12"],[col="1/6"]{width:16.66666667%}[col="3/12"],[col="1/4"]{width:25%}[col="4/12"],[col="2/6"],[col="1/3"]{width:33.33333333%}[col="5/12"]{width:41.66666667%}[col="6/12"],[col="3/6"],[col="2/4"],[col="1/2"]{width:50%}[col="7/12"]{width:58.33333333%}[col="8/12"],[col="4/6"],[col="2/3"]{width:66.66666667%}[col="9/12"],[col="3/4"]{width:75%}[col="10/12"],[col="5/6"]{width:83.33333333%}[col="11/12"]{width:91.66666667%}[col="1/1"]{width:100%}[col]{display:inline-block;font-size:1.4rem;padding:1rem;vertical-align:top}@media (max-width:50rem){[col]:not([fx]){width:100%}}label:not([class]),label[xx]{display:inline-block;width:100%;text-transform:uppercase;font-size:1.2rem;font-weight:400;margin-top:1rem}label:not([class]):first-child,label[xx]:first-child{margin-top:0}input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]),input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]{display:inline-block;background:0 0;width:100%;padding:.5rem 0 1rem;margin-bottom:2rem;border:none;border-bottom:1px solid #e2e6e8;font-size:1.4rem;font-weight:300;border-radius:0}input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):hover,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]:focus,input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[xx]:hover{color:#679;border-color:#679;outline:0}textarea:not([class]),textarea[xx]{display:inline-block;background:0 0;width:100%;padding:.5rem 0 1rem;margin-bottom:2rem;border:none;border-bottom:1px solid #e2e6e8;font-size:1.4rem;font-weight:300;border-radius:0;min-height:8rem;border-right:1px solid #e2e6e8;padding-right:2rem;border-bottom-right-radius:.5rem}textarea:not([class]):focus,textarea:not([class]):hover,textarea[xx]:focus,textarea[xx]:hover{color:#679;border-color:#679;outline:0}select:not([class]),select[xx]{padding:.5rem 3rem .5rem 1rem;display:block;width:100%;border:1px solid #e2e6e8;background:#fff url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 1rem center;background-size:2rem;border-radius:2px;height:4rem;font-size:1.4rem;font-weight:300;text-indent:.5rem;margin:.5rem 0 2rem;appearance:none;cursor:pointer}select:not([class]):focus,select:not([class]):hover,select[xx]:focus,select[xx]:hover{border-color:#679;outline:0}input[type=checkbox]:not([class]),input[type=checkbox][xx],input[type=radio]:not([class]),input[type=radio][xx]{z-index:2;opacity:0;margin-right:-2rem;width:2rem;height:2rem;vertical-align:middle;cursor:pointer}input[type=checkbox]:not([class])+label,input[type=checkbox][xx]+label,input[type=radio]:not([class])+label,input[type=radio][xx]+label{width:auto;text-transform:none}input[type=checkbox]:not([class])+label:before,input[type=checkbox][xx]+label:before,input[type=radio]:not([class])+label:before,input[type=radio][xx]+label:before{content:"";display:inline-block;width:2rem;height:2rem;border:1px solid #aab5ba;background:#fff;vertical-align:middle;margin-right:1rem}input[type=checkbox]:not([class])+label:after,input[type=checkbox][xx]+label:after,input[type=radio]:not([class])+label:after,input[type=radio][xx]+label:after{content:"";position:absolute;opacity:0;visibility:hidden;pointer-events:none;width:1.6rem;height:1.6rem;left:2px;top:4px;transform:scale(0)}input[type=radio]:not([class])+label,input[type=radio][xx]+label{font-size:1.4rem;font-weight:200}input[type=radio]:not([class])+label:before,input[type=radio][xx]+label:before{border-radius:100%}input[type=radio]:not([class]):checked+label:before,input[type=radio][xx]:checked+label:before{background:#679;border-color:#679}input[type=radio]:not([class]):checked+label:after,input[type=radio][xx]:checked+label:after{opacity:1;visibility:visible;background:#679;border:1px solid #fff;border-radius:100%;transform:scale(1);top:.5rem}input[type=checkbox]:not([class])+label,input[type=checkbox][xx]+label{font-size:1.4rem;font-weight:200}input[type=checkbox]:not([class])+label:before,input[type=checkbox][xx]+label:before{border-radius:2px}input[type=checkbox]:not([class])+label:after,input[type=checkbox][xx]+label:after{background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;border-radius:100%;background-size:100%}input[type=checkbox]:not([class]):checked+label:before,input[type=checkbox][xx]:checked+label:before{background:#679;border-color:#679}input[type=checkbox]:not([class]):checked+label:after,input[type=checkbox][xx]:checked+label:after{opacity:1;visibility:visible;left:2px;top:.5rem;transform:scale(1)}img:not([class]),img[xx]{height:auto;max-width:100%}section:not([class]),section[xx]{margin:auto;padding:4rem 2rem;width:100%;max-width:90rem}p:not([class]),p[xx]{margin:0 0 2rem}p:not([class]):last-child,p[xx]:last-child{margin:0}hr:not([class]),hr[xx]{background:#e2e6e8;border:none;width:100%;height:1px;margin:4rem 0}ol:not([class]),ol[xx],ul:not([class]),ul[xx]{padding-left:2rem;margin:0 0 2rem}ol:not([class]) ol,ol:not([class]) ul,ol[xx] ol,ol[xx] ul,ul:not([class]) ol,ul:not([class]) ul,ul[xx] ol,ul[xx] ul{margin-bottom:0}ul:not([class]),ul[xx]{list-style:disc}ul:not([class]) ul,ul[xx] ul{list-style:circle}ol:not([class]),ol[xx]{list-style:decimal}ol:not([class]) ol,ol[xx] ol{list-style:lower-alpha}nav:not([class]),nav[xx]{background:#fff;color:#2d3438;padding:0 2rem;border-bottom:1px solid #679;z-index:10;min-height:4.4rem}nav:not([class])[fx],nav[xx][fx]{background:rgba(255,255,255,.95);position:fixed;top:0;left:0;right:0;z-index:11}nav:not([class]) label,nav[xx] label{max-width:90rem;margin:auto;display:block}nav:not([class]) label>input,nav[xx] label>input{display:none}nav:not([class]) ul,nav[xx] ul{padding:0 2rem;margin:0;font-size:0;text-align:right}nav:not([class]) ul li,nav[xx] ul li{display:inline-block;font-size:1.6rem}@media (min-width:50.1rem){nav:not([class]) ul li:hover menu,nav:not([class]) ul menu:hover,nav[xx] ul li:hover menu,nav[xx] ul menu:hover{visibility:visible;opacity:1;transform:translate3d(0,-1rem,0);pointer-events:auto}}nav:not([class]) ul a,nav[xx] ul a{text-decoration:none;text-transform:none;padding:.8rem 2rem .4rem;border-bottom:4px solid transparent;display:block;cursor:pointer;font-weight:300}@media (min-width:50.1rem){nav:not([class]) ul a:not(:only-child),nav[xx] ul a:not(:only-child){background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1.5rem;background-size:2rem;padding-right:3rem}}nav:not([class]) ul a:hover,nav[xx] ul a:hover{color:#679;border-color:#679}nav:not([class]) menu,nav[xx] menu{padding:0;margin:0;background:#fff;z-index:2;text-align:left;white-space:nowrap;min-width:100%}@media (min-width:50.1rem){nav:not([class]) menu,nav[xx] menu{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);transform:translate3d(0,-2rem,0);pointer-events:none}}nav:not([class]) menu menuitem,nav[xx] menu menuitem{display:block;border-left:4px solid transparent}nav:not([class]) menu menuitem:hover,nav[xx] menu menuitem:hover{border-color:#679;background-color:#f3f5f5}nav:not([class]) menu menuitem:hover a,nav[xx] menu menuitem:hover a{transform:translate3d(.5rem,0,0)}nav:not([class]) menu menuitem a,nav[xx] menu menuitem a{text-transform:none;padding:.5rem 2rem .5rem 1.6rem;border:none;font-size:1.2rem}nav:not([class]) header:after,nav:not([class]) header:before,nav[xx] header:after,nav[xx] header:before{content:"";position:absolute;top:0;right:1rem;width:4.4rem;height:4.4rem;display:none;background-size:3rem;background-position:center center;background-repeat:no-repeat}nav:not([class]) header:before,nav[xx] header:before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%232e3538%22%20d%3D%22M6%2036h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z%22%2F%3E%3C%2Fsvg%3E)}nav:not([class]) header:after,nav[xx] header:after{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M38%2012.83L35.17%2010%2024%2021.17%2012.83%2010%2010%2012.83%2021.17%2024%2010%2035.17%2012.83%2038%2024%2026.83%2035.17%2038%2038%2035.17%2026.83%2024z%22%2F%3E%3C%2Fsvg%3E);opacity:0;transform:rotate(180deg)}nav:not([class]) header a,nav[xx] header a{position:absolute;left:2rem;top:1rem;bottom:1rem;cursor:pointer;z-index:2;font-size:1.6rem;text-decoration:none}nav:not([class]) header a img,nav[xx] header a img{height:2rem;vertical-align:middle;top:-1px;margin-right:1rem}@media (max-width:50rem){body{padding-top:4.4rem}nav:not([class]),nav[xx]{position:fixed;padding:0;top:0;left:0;right:0}nav:not([class]) header,nav[xx] header{position:absolute;top:0;left:0;right:0;bottom:0}nav:not([class]) header:after,nav:not([class]) header:before,nav[xx] header:after,nav[xx] header:before{display:block}nav:not([class]) label,nav[xx] label{height:4.4rem}nav:not([class]) label>ul,nav[xx] label>ul{position:fixed;top:4.4rem;right:0;bottom:0;padding:0;transform:translate3d(100%,0,0);border-top:1px solid #679;text-align:left;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);overflow-x:visible;overflow-y:auto}nav:not([class]) label>ul li,nav[xx] label>ul li{display:block;border-top:1px solid #e2e6e8}nav:not([class]) label>ul a,nav[xx] label>ul a{padding:1rem 6rem 1rem 2rem;border:none}nav:not([class]) label input:checked~ul,nav[xx] label input:checked~ul{transform:none}nav:not([class]) label input:checked~header:before,nav[xx] label input:checked~header:before{transform:rotate(-180deg);opacity:0}nav:not([class]) label input:checked~header:after,nav[xx] label input:checked~header:after{transform:none;opacity:1}nav:not([class]) label menu menuitem,nav[xx] label menu menuitem{border-color:#e2e6e8}nav:not([class]) label menu a,nav[xx] label menu a{padding-left:4rem}}table:not([class]),table[xx]{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:2rem;text-align:left;overflow:hidden}table:not([class]) td,table:not([class]) th,table[xx] td,table[xx] th{border-bottom:2px solid #e2e6e8;padding:1rem}table:not([class]) th,table[xx] th{font-weight:700;color:#444f54}table:not([class]) th:before,table[xx] th:before{content:"";width:100%;height:10000%;position:absolute;display:block;top:0;left:0;background:#f3f5f5;z-index:-1;opacity:0;visibility:hidden}table:not([class]) th:hover:before,table[xx] th:hover:before{opacity:1;visibility:visible}table:not([class]) td,table[xx] td{border-bottom-width:1px}table:not([class]) tbody tr:hover,table[xx] tbody tr:hover{background:#f3f5f5}tag{display:inline-block;font-size:1.1rem;border-bottom:1px solid #e2e6e8;border-radius:1.5rem;background:#f3f5f5;color:#679;padding:.2rem 1.2rem;margin:0 .5rem .5rem 0}[att],[dtt]:disabled,[tt]{overflow:visible}[att]:after,[dtt]:disabled:after,[tt]:after{position:absolute;left:50%;top:0;opacity:0;visibility:hidden;pointer-events:none;z-index:2;background:#444f54;border-radius:3px;color:#fff;font-family:sans-serif;font-size:1.2rem;line-height:2.5;font-weight:300;letter-spacing:0;white-space:nowrap;padding:0 1rem;transform:translate(-50%,-95%);text-transform:none}[att]:hover:after,[dtt]:disabled:hover:after,[tt]:hover:after{opacity:.9;visibility:visible;transform:translate(-50%,calc(-100% - 5px))}[tt]:after{content:attr(tt)}[dtt]:disabled:after{content:attr(dtt)}[att]:after{content:attr(href)}:after,:before,a,button,input,menu,menuitem,select,textarea,tr,ul{transition:all .3s ease-in-out}h1:not([class]),h1[xx]{font-size:4rem;line-height:1.1;letter-spacing:-1px}h2:not([class]),h2[xx]{font-size:3rem;line-height:1.1;letter-spacing:-.05rem}h3:not([class]),h3[xx]{font-size:2.5rem;line-height:1.3;letter-spacing:-.05rem}h4:not([class]),h4[xx]{font-size:2rem;line-height:1.3;letter-spacing:-.05rem}h5:not([class]),h5[xx]{font-size:1.4rem;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:700}h6:not([class]),h6[xx]{font-size:1.4rem;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:400}[full]{width:100%}[hidden]{display:none}[serif]{font-family:serif}[sans]{font-family:sans-serif}[mono]{font-family:monospace}[fs=xs]{font-size:1.1rem}[fs=s]{font-size:1.2rem}[fs=m]{font-size:1.4rem}[fs=l]{font-size:1.6rem}[fs=xl]{font-size:2.4rem}[mt=0]{margin-top:0}[mt=2]{margin-top:2rem}[mt=4]{margin-top:4rem}[mt=8]{margin-top:8rem}[mb=0]{margin-bottom:0}[mb=2]{margin-bottom:2rem}[mb=4]{margin-bottom:4rem}[mb=8]{margin-bottom:8rem}[pt=0]{padding-top:0}[pt=2]{padding-top:2rem}[pt=4]{padding-top:4rem}[pt=8]{padding-top:8rem}[pb=0]{padding-bottom:0}[pb=2]{padding-bottom:2rem}[pb=4]{padding-bottom:4rem}[pb=8]{padding-bottom:8rem}[pa=0]{padding:0}[pa=2]{padding:2}[txt=l]{text-align:left}[txt=r]{text-align:right}[txt=c]{text-align:center}[txt=j]{text-align:justify}
\ No newline at end of file
diff --git a/less/_footer.less b/less/_footer.less
index d1f3823..112bb18 100644
--- a/less/_footer.less
+++ b/less/_footer.less
@@ -15,7 +15,7 @@ footer {
 	&:before {
 		content: "";
 		background: @primary;
-		width: 102vw;
+		width: 99vw; /* @see https://stackoverflow.com/q/75726777/633864 */
 		height: 100%;
 		position: absolute;
 		left: 50%;
diff --git a/less/_grid.less b/less/_grid.less
index 173826d..9b5dc0d 100644
--- a/less/_grid.less
+++ b/less/_grid.less
@@ -19,9 +19,9 @@ grid {
 // columns
 	
 @columns: 12;
-	
+
 .width(@x) {
-	width: 100% / @columns * @x;
+	width: (@x / @columns) * 100%;
 }
 
 // eg: <div col="6"></div>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..df30876
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,284 @@
+{
+  "name": "bare.css",
+  "version": "1.4.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "bare.css",
+      "version": "1.4.0",
+      "license": "MIT",
+      "devDependencies": {
+        "less": "^4.2.0",
+        "less-plugin-clean-css": "^1.5.1"
+      }
+    },
+    "node_modules/amdefine": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+      "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.2"
+      }
+    },
+    "node_modules/clean-css": {
+      "version": "3.4.28",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-3.4.28.tgz",
+      "integrity": "sha512-aTWyttSdI2mYi07kWqHi24NUU9YlELFKGOAgFzZjDN1064DMAOy2FBuoyGmkKRlXkbpXd0EVHmiVkbKhKoirTw==",
+      "dev": true,
+      "dependencies": {
+        "commander": "2.8.x",
+        "source-map": "0.4.x"
+      },
+      "bin": {
+        "cleancss": "bin/cleancss"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clean-css/node_modules/source-map": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+      "integrity": "sha512-Y8nIfcb1s/7DcobUz1yOO1GSp7gyL+D9zLHDehT7iRESqGSxjJ448Sg7rvfgsRJCnKLdSl11uGf0s9X80cH0/A==",
+      "dev": true,
+      "dependencies": {
+        "amdefine": ">=0.0.4"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.8.1.tgz",
+      "integrity": "sha512-+pJLBFVk+9ZZdlAOB5WuIElVPPth47hILFkmGym57aq8kwxsowvByvB0DHs1vQAhyMZzdcpTtF0VDKGkSDR4ZQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-readlink": ">= 1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6.x"
+      }
+    },
+    "node_modules/copy-anything": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
+      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+      "dev": true,
+      "dependencies": {
+        "is-what": "^3.14.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/graceful-readlink": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/graceful-readlink/-/graceful-readlink-1.0.1.tgz",
+      "integrity": "sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==",
+      "dev": true
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
+      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+      "dev": true
+    },
+    "node_modules/less": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz",
+      "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==",
+      "dev": true,
+      "dependencies": {
+        "copy-anything": "^2.0.1",
+        "parse-node-version": "^1.0.1",
+        "tslib": "^2.3.0"
+      },
+      "bin": {
+        "lessc": "bin/lessc"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "optionalDependencies": {
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "make-dir": "^2.1.0",
+        "mime": "^1.4.1",
+        "needle": "^3.1.0",
+        "source-map": "~0.6.0"
+      }
+    },
+    "node_modules/less-plugin-clean-css": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/less-plugin-clean-css/-/less-plugin-clean-css-1.5.1.tgz",
+      "integrity": "sha512-Pc68AFHAEJO3aAoRvnUTW5iAiAv6y+TQsWLTTwVNqjiDno6xCvxz1AtfQl7Y0MZSpHPalFajM1EU4RB5UVINpw==",
+      "dev": true,
+      "dependencies": {
+        "clean-css": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.4.2"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/needle": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz",
+      "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
+    "node_modules/parse-node-version": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz",
+      "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/sax": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
+      "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..1565ab7
--- /dev/null
+++ b/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "bare.css",
+  "version": "1.2.0",
+  "author": "strangebuzz",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/strangebuzz/barecss.git"
+  },
+  "main": "css/bare.css",
+  "devDependencies": {
+    "less-plugin-clean-css": "^1.5.1",
+    "less": "^4.2.0"
+  },
+  "bugs": {
+    "url": "https://github.com/strangebuzz/barecss/issues"
+  },
+  "description": "A classless CSS framework.",
+  "files": [
+    "css",
+    "package.json"
+  ],
+  "homepage": "https://github.com/strangebuzz/barecss/issues",
+  "keywords": [
+    "css",
+    "theme",
+    "classless",
+    "web-design",
+    "minimal",
+    "default",
+    "reset"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "less": "mkdir -p css; lessc less/bare.less css/bare.css; lessc --clean-css less/bare.less css/bare.min.css"
+  }
+}
\ No newline at end of file