body
{
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-flow: column;
  align-items: stretch;
}

/* Watermark */
body:before{
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: url(watermark.png) 0 0 repeat;
    background-position: center;
    user-select: none; /* Non-prefixed version for chorme, opera and*/
    -ms-user-select: none; /* Internet Explorer, Edge */
    -moz-user-select: none; /* Firefox */
    -khtml-user-select: none; /* Konqueror HTML */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
}

div#controlui {
  height: 5vh;
}
div#scrollbars, div#day-conter
{
    width: 100vw;
    text-align: center;
}
div#day-conter {
    font-size: 1.2em;
}
span#sinceFirstOmicron {
  font-weight: bold;
}
input#daysAfter
{
  width: 65vw;
}

div#main
{
  width: 100%;
  min-height: 95vh;
  flex: 1 0 auto;
}