*, *::before, *::after {
  box-sizing: border-box;
}
/*
  2. Remove default margin
*/
* {
  margin: 0;
}
/*
  3. Allow percentage-based heights in the application
*/
html, body {
  height: 100%;
}
/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}
/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 20px 0;
}

ul {
    margin: 0 0 20px 0;
}
li  {
    margin: 0 0 10px 0;
}
p {
    margin-bottom: 20px;
}
body {
    font-size: 18px;
    line-height: 1.5;
    font-family: sans-serif;
    height: 100vh;
    margin: 0;
}

header {
    max-width: 990px;
    margin: 0 auto;
    padding: 10px;
    /*
    background-image: URL('d14-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    */
}

header img {
    border: 1px solid #ddd;
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}

main {
    max-width: 990px;
    margin: 0 auto;
    padding: 10px;
}



dl {
  display: grid;
  grid-gap: 4px 16px;
  grid-template-columns: max-content;
}dt {
  font-weight: bold;
}dd {
  margin: 0;
  grid-column-start: 2;
}