html, body {
  height: 100%;
  width: 100%;
}

h1 {
    text-align: center
}

input {
    padding: 10px;
    font-size: 1.2rem;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    margin: 10px
}

.subheader {
    text-align: center;
    font-size: 1.2rem;
}

.output {
    margin-top: 50px;
    font-size: 1.5rem;
    -ms-word-wrap: anywhere;
    word-wrap: anywhere;
    text-align: center
}

body {
    display: flex;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

#main {
   width: 100%;
}

#main > .columns {
  min-height: 100%;
}

.sidebar {
  width: 250px;
  background: whitesmoke;
  min-height: 100%;
}

#counter {
  width: 80px;
}

#notification-area {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

#notification-area > div {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}