h1, .h1 {
  font-size: 1.5em;
}

h2, .h2 {
  font-size: 1.25em;
}

h3, .h3 {
  font-size: 1.125em;
}

h4, .h4 {
  font-size: 1em;
}

h5, .h5 {
  font-size: 0.875em;
}

h6, .h5 {
  font-size: 0.75em;
}

h3, .h3, h5, .h5 {
  font-style: italic;
}

h4, .h4, h6, .h6 {
  text-transform: uppercase;
}

h3, .h3, h5, .h5 {
  text-decoration: underline;
}

body {
  line-height: 1.5;
}

aside {
  line-height: 1.25;
}

button, h1, h2, h3, h4, h5, h6, input, label {
  line-height: 1.125;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

button, input, select, textarea {
  font-size: inherit;
}

caption, th, label, dt {
  font-style: italic;
  font-size: 88%;
  line-height: 1.25;
}

img, picture {
  max-width: 100%;
}

input[type=text], input[type=email],
input[type=url], input[type=tel],
input[type=password], input[type=search],
input[type=number], input[type=range],
input[type=color], input[type=date],
input[type=time], input[type=datetime-local],
input[type=week], input[type=month], select {
  display: block;
  outline: solid 2px transparent;
}

label, dt {
  display: block;
  margin: 1em 0 0.25em 0;
}

.tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.tiles > * {
  flex: 1 0 100%;
}

button, input[type=button], input[type=submit], .button {
  font-weight: bold;
}

aside, button, input[type=button], input[type=submit], .button, tiles > * {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

aside, button, input[type=button], input[type=submit], .button, .border, .target, tiles > * {
  border-radius: 4px;
}

.button {
  text-decoration: none;
}