/* html {overflow-y: scroll;} */

body {
        background-color: #afcc66;
        font-family: 'Verdana', 'Arial', Sans-serif;
        max-width: 800px;
        padding: 10px;
        border-width: 0px;
        border-style: solid;
        border-color: black;
        margin-left: auto;
        margin-right: auto;
        font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
        line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}

/*
@media screen and (min-width: 901px) {
  body {
    font-size: 1vw;
  }
}

@media screen and (min-width: 601px) and (max-width: 900px) {
  body {
    font-size: 2vw;
  }
}

@media screen and (max-width: 600px) {
  body {
    font-size: 3vw;
  }
}
*/