@import 'media.css';

:root {
  --media-background: rgb(255, 219, 60);
  --media-background-highlight: rgb(255, 214, 31);
  --media-background-border: #aaa;
  --media-background-embedded: rgb(255, 227, 103);
}

/* 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;
}