css-sandbox/call-to-action/style.css

@import 'call-to-action.css';

:root {
  --cta-background: rgb(211, 157, 70);
}

/* 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;
  background-color: rgb(202, 225, 233);
}

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

.show-case {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1em;
  max-width: 750px;
}

.show-case--big {
  align-items: stretch;
}