p, li {font-size: 3.5vmin; line-height: 1.6;}
p {text-indent: 3.5vmin;}

h1 {font-size: 9vmin;}
h2 {font-size: 6.5vmin;}
h3 {font-size: 5.5vmin;}
h4 {font-size: 3.5vmin;}
h5 {font-size: 3vmin;}

summary {font-size: 3.5vmin;}

img{
    max-width:100%;
}

blockquote {
    background: #f9f9f9;
    border-left: 3px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}
blockquote p {display: inline-block;}

table, th, td {
    font-size: 3.5vmin;
    border:1px solid black;
}

body {
    color: #222;
    background: #fff;
    font: 100% system-ui;
    margin: 3.5vmin;
}
a {
    color: #0033cc;
}

figure {
    font-size: 3vmin;
}

@media (prefers-color-scheme: dark) {
    body {
        color: #eee;
        background: #121212;
    }

    body a:link {
      color: lightblue;
    }
    body a:visited {
      color: blue;
    }
    body a:hover {
      color: purple;
    }
    body a:active {
      color: darkblue;
    }
  
    blockquote {
        background: #858a8c;
        color: #FAF9F6;
    }
}