body,:root {
    font-family: "Public Sans", system-ui, Helvetica, 'Segoe UI', Helvetica, Arial, sans-serif;
}

h1 {font-family: "DSans", sans-serif;}

footer p {
    font-size: .8em;
    color: grey;
}

button {
background: #2563eb;
color:white;
border:none;
padding:12px 18px;
opacity: 1; /* fix safari/WebKit bug (https://www.reddit.com/r/css/comments/tz05z8/css_transition_bug_in_mobile_safari/) */
border-radius:8px;
cursor:pointer;
font-weight: 700;
font-family: "Public Sans", sans-serif;
transition: .3s;
font-size:15px;
}

button:hover{opacity:.75; border-radius:12px; transition: .3s;}

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

hr {
    border: 1.5px solid #aaa;
}}