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

body {
        background-color: #ffdfef;
        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)));
*/

        /* font-family: 'Verdana', 'Arial', Sans-serif; */
        font-family: 'EB Garamond';
        /* font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300))); */
        /* font-size: calc(15px + (21 - 15) * ((100vw - 300px) / (1600 - 300))); */
        font-size: 20px;
        line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));

}


div.turned {     /* Rotate div */
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari 3-8 */
    transform: rotate(-10deg);
}

/*
@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;
  }
}
*/