html {
  height: 100%;
  background: #EEE;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
  
  -ms-flex-direction: column;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
}
.content {
  min-height: 100%;
  flex: 1;
  color: #555;
  font-style: italic;
  margin: 3vw;
  
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  
}

.author {
  text-align: right;
}

.position {
  margin: 10vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.input {
  text-align: center;
  margin-bottom: 5vmin;
}

.button {
  margin: 0 4.5vw 0 4.5vw;
  color: #888;
}

.button:hover {
  color: #555;
}

* {
  box-sizing: border-box;
}
footer {
  background: #CCC;
  color: white;
  text-align: center;
  font-family: sans-serif;
  color: #666;
  line-height: 24px;
}

footer a {
  text-decoration: none;
  color: #444;
}

footer a:hover {
  color: #333;
}

.over-tweet {
  color: #CCC;
}