/*
block-size ← height
(border|padding)-block[-start|end]
(border|padding)-inline[-start|end]
inline-size ← width
margin-block ← vspace
*/

* {
box-sizing: border-box;
}

html {
}

body {
background-color: #111;
color: #777;
font-family: sans-serif;
font-size: 1.5rem;
line-height: 1.25;
margin: 1em 2em;
text-align: start;
}

header {
background-color: #300;
}

main {
background-color: #030;
}

h1, h2, h3, h4, h5, h6 {
background-color: #222;
}

h1 {
border-color: #fff;
border-radius: .25em;
border-style: solid;
border-width: .1em;
color: #f77;
font-size: 1.75em;
text-align: center;
}

p {
background-color: #330;
}

section {
background-color: #033;
margin-block: 4em;
}

strong {
color: red;
}

ol, ul {
background-color: #303;
}

a {
color: inherit;
}

h2 {
color: #f77;
}

footer {
background-color: #003;
padding: 1em 2em;
text-align: end;
}