body {
    background:#fff;
    color:#000;
    font: 100%/1.4 system-ui, -apple-system, BlinkMacSystemFont, Roboto, Aptos, Helvetica, Arial, sans-serif;
    font-weight:400;
    padding:0;
    margin:0;
    width:100%;
}
a, a:visited {
    color:#00A4EF;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
h1,h2,h3 {
    font-weight:100;
    margin: 0;
}
h2 {
    font-weight:200;
}
h3 {
    margin-bottom:1rem;
}
ul {
    list-style:none;
    padding-left:0;
    margin:.25rem 0 .5rem 0;
}
ul li {
    margin-bottom:.25rem;
}
hr {
    border:0;
    border-top:1px solid #e2e2e2;
}
.center {
    min-width:24rem;
    max-width:48rem;
    padding:0 1rem;
    margin:0 auto;
}
.banner,
.intro,
.container {
    padding:1rem;
}
.banner p {
    margin-top:0;
    font-weight:100;
}
.intro {
    font-weight:200; 
    font-size:110%;
}
.intro b {
    font-weight:400;
}
.container-clear {
    clear:both;
}
.container-left {
    float:left;
    width:35%
}
.container-right {
    float:right;
    width:65%
}
.copy {
    text-align:center;
    font-weight:100;
}
@media only screen and (min-width: 360px) and (max-width: 414px) {
    .center{
    width:auto
    }
    .container-left,.container-right {
    float:none;
    width:auto;
    }
}
@media (prefers-color-scheme: dark) {
    body {
    background:#1d1d1d;
    color:#fdfdfd;
    }
    h3,p,li,.intro p {
    color:#fdfdfd;
    }
    hr {
    border-color:#3D3D3D;    
    }
}