html, body {
  height: 100%;
  background-color: #f2f2f2;
  color: #2587be;
  position: relative;
  margin: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.wrapper {
  min-height: 100%;
  margin-bottom: -40px;
}

.footer,
.push {
  height: 40px;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

 /* unvisited link */
a:link {
  color: darkblue;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: darkblue;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: blue;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: blue;
  text-decoration: none;
}

.tab1 {
  tab-size: 2;
}
.tab2 {
  tab-size: 4;
}
.tab4 {
  tab-size: 8;
}