@import 'media.css';

:root {
  --media-background: rgb(255, 225, 94);
  --media-background-highlight: rgb(255, 217, 45);
}

/* Add nodebug class to any parent field (e.g. body) to turn off coloring */
.nodebug { --color-form: transparent; --color-field: transparent; --color-label: transparent; --color-input: transparent; }

html {
  box-sizing: border-box;
}

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

body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.body--centered {
  align-items: center;
}

.show-case {
  margin: 1em;
  max-width: 750px;
}