html {
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.2rem);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.3;
    color: #333;
}

body {
    margin-left: clamp(0.5rem, 5vw, 10rem);
    margin-right: clamp(0.5rem, 5vw, 10rem);
    margin-bottom: 6ex;
}

h1 {
    font-size: clamp(1.4rem, 1rem + 2vw, 1.8rem);
    line-height: 1.1;
    margin-bottom: 1rem;
    color: #444;
}

h2 {
    font-size: clamp(1.25rem, 1rem + 1.5vw, 1.5rem);
    line-height: 1.1;
    margin-bottom: 1rem;
    color: #555;
}

.shadowed {
    border: 1px black;
    box-shadow: 1px 1px 4px 0px black;
}