/* Shared attributes */

body:not(.showcase) {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5 {
  margin-top: 0;
}

header,
.header,
main,
.main,
aside,
.aside,
footer,
.footer {
  width: fit-content;
}

header,
.header,
nav,
.nav,
main,
.main,
section,
.section,
search,
.search,
form,
.form,
aside,
.aside,
footer,
.footer {
  border-radius: 0.5rem;
  border-width: 3px;
  border-style: solid;
}

header,
.header,
main,
.main,
section,
.section,
search,
.search,
form,
.form,
aside,
.aside,
footer,
.footer,
nav,
.nav {
  padding: 0.5rem;
}

main,
.main,
aside,
.aside,
footer,
.footer {
  margin-top: 1rem;
}

/* Individual attributes */

header,
.header {
  border-color: red;
}

nav,
.nav {
  border-color: green;
}

main,
.main {
  border-color: blue;
}

section,
.section {
  border-color: darkcyan;
}

search,
.search {
  border-color: darkgoldenrod;
}

form,
.form {
  border-color: darkviolet;
}

aside,
.aside {
  border-color: darkred;
}

footer,
.footer {
  border-color: hotpink;
}