* {
  margin: 0;
  padding: 0;
}

body {
  font-family: sans-serif;
  text-align: center;
}

h1 {
  margin-bottom: .5rem;
}

h2 {
  margin-top: 1.2rem;
  margin-bottom: .2rem;
}

h1,
h2 {
  font-weight: 300;
}

p {
  margin-bottom: 1rem;
  font-weight: 300;
}

button {
  cursor: pointer;
  border: none;
  background: lightgrey;
  text-transform: capitalize;
  position: relative;
}

button p {
  margin: 0;
  font-size: 1rem;
  padding: 1rem 1.5rem;
}

button .fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: green;
  color: white;
  width: 0%;
  overflow: hidden;
}

.page {
  padding: 1rem;
}

.content {
  margin-bottom: 2rem;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.row .column {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}


/* Progress Bar */
.fill.w1 {width: 1%}
.fill.w2 {width: 2%}
.fill.w3 {width: 3%}
.fill.w4 {width: 4%}
.fill.w5 {width: 5%}
.fill.w6 {width: 6%}
.fill.w7 {width: 7%}
.fill.w8 {width: 8%}
.fill.w9 {width: 9%}
.fill.w10 {width: 10%}
.fill.w11 {width: 11%}
.fill.w12 {width: 12%}
.fill.w13 {width: 13%}
.fill.w14 {width: 14%}
.fill.w15 {width: 15%}
.fill.w16 {width: 16%}
.fill.w17 {width: 17%}
.fill.w18 {width: 18%}
.fill.w19 {width: 19%}
.fill.w20 {width: 20%}
.fill.w21 {width: 21%}
.fill.w22 {width: 22%}
.fill.w23 {width: 23%}
.fill.w24 {width: 24%}
.fill.w25 {width: 25%}
.fill.w26 {width: 26%}
.fill.w27 {width: 27%}
.fill.w28 {width: 28%}
.fill.w29 {width: 29%}
.fill.w30 {width: 30%}
.fill.w31 {width: 31%}
.fill.w32 {width: 32%}
.fill.w33 {width: 33%}
.fill.w34 {width: 34%}
.fill.w35 {width: 35%}
.fill.w36 {width: 36%}
.fill.w37 {width: 37%}
.fill.w38 {width: 38%}
.fill.w39 {width: 39%}
.fill.w40 {width: 40%}
.fill.w41 {width: 41%}
.fill.w42 {width: 42%}
.fill.w43 {width: 43%}
.fill.w44 {width: 44%}
.fill.w45 {width: 45%}
.fill.w46 {width: 46%}
.fill.w47 {width: 47%}
.fill.w48 {width: 48%}
.fill.w49 {width: 49%}
.fill.w50 {width: 50%}
.fill.w51 {width: 51%}
.fill.w52 {width: 52%}
.fill.w53 {width: 53%}
.fill.w54 {width: 54%}
.fill.w55 {width: 55%}
.fill.w56 {width: 56%}
.fill.w57 {width: 57%}
.fill.w58 {width: 58%}
.fill.w59 {width: 59%}
.fill.w60 {width: 60%}
.fill.w61 {width: 61%}
.fill.w62 {width: 62%}
.fill.w63 {width: 63%}
.fill.w64 {width: 64%}
.fill.w65 {width: 65%}
.fill.w66 {width: 66%}
.fill.w67 {width: 67%}
.fill.w68 {width: 68%}
.fill.w69 {width: 69%}
.fill.w70 {width: 70%}
.fill.w71 {width: 71%}
.fill.w72 {width: 72%}
.fill.w73 {width: 73%}
.fill.w74 {width: 74%}
.fill.w75 {width: 75%}
.fill.w76 {width: 76%}
.fill.w77 {width: 77%}
.fill.w78 {width: 78%}
.fill.w79 {width: 79%}
.fill.w80 {width: 80%}
.fill.w81 {width: 81%}
.fill.w82 {width: 82%}
.fill.w83 {width: 83%}
.fill.w84 {width: 84%}
.fill.w85 {width: 85%}
.fill.w86 {width: 86%}
.fill.w87 {width: 87%}
.fill.w88 {width: 88%}
.fill.w89 {width: 89%}
.fill.w90 {width: 90%}
.fill.w91 {width: 91%}
.fill.w92 {width: 92%}
.fill.w93 {width: 93%}
.fill.w94 {width: 94%}
.fill.w95 {width: 95%}
.fill.w96 {width: 96%}
.fill.w97 {width: 97%}
.fill.w98 {width: 98%}
.fill.w99 {width: 99%}
.fill.w100 {width: 100%}