Basic starter CSS

base.css

*, *::after, *::before { 
    box-sizing: border-box;
}

body { margin: 0; }

[hidden] { display: none; }

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.17rem; }
h4 { font-size: 1.00rem; }
h5 { font-size: 0.83rem; }
h6 { font-size: 0.67rem; }

h1 { margin: 0.67em 0; }

h1,h2,h3,h4,h5,h6 { text-wrap: balance; }

pre { white-space: pre-wrap; }

p { text-wrap: pretty; }

/* p { hyphens: auto; } */

hr {
    border-style: solid;
    border-width: 1px 0 0;
    color: inherit;
    height: 0;
    overflow: visible;
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
audio:not([controls]) { display:none; }

nav ul { list-style: none; padding: 0}

html { line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { line-height: 1.25; }
caption, figcaption, label, legend { line-height: 1.375; }

:root {
  --font-family-systemui:     system-ui, sans-serif;
  --font-family-transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
  --font-family-oldstyle:     'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;„
  --font-family-humanist:     Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  --font-family-geohumanist:  Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  --font-family-classhuman:   Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
  --font-family-neogrote:     Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --font-family-monoslab:     'Nimbus Mono PS', 'Courier New', monospace;
  --font-family-monocode:     ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  --font-family-industrial:   Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  --font-family-roundsans:    ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
  --font-family-slabserif:    Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  --font-family-antique:      Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
  --font-family-didone:       Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  --font-family-handwritten:  'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
}