/* Typographer Rotunda by Dieter Steffmann
 * http://moorstation.org/typoasis/designers/steffmann/samples/t/typo_rotunda.htm
 */

@font-face {
  font-family: "Typographer Rotunda";
  src: url(TypographerRotunda.eot);
  src: local("Typographer Rotunda"),
       url(TypographerRotunda.otf) format("opentype");
}

html {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    height: 100vh;
    margin: 0;
    padding: 0;
}

html {
    font-size: 150%;
}

@media (min-width: 400px) {
    html {
        font-size: 200%;
    }
}

@media (min-width: 800px) {
    html {
        font-size: 300%;
    }
}

@media (min-width: 1000px) {
    html {
        font-size: 400%;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 500%;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 600%;
    }
}

body {
    max-width: 40ch;
    margin: 0 auto;
    padding: 0;
    font-family: "Typographer Rotunda", "Lucida Blackletter", Impact, sans-serif;
    text-align: center;
}

h1 {
    font-size: 2em;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

:link, :visited {
    text-decoration: none;
    color: currentColor;
}