:root {
  --color-primary: #48d94a;
  --color-primary-light: #d3fcb8;
  --color-primary-light: #dfffc5;
  --color-grey-dark: #333333; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: sans-serif; }

p, a, h1, h2, h3, h4, h5, h6, i {
  font-family: Montserrat;
  color: var(--color-grey-dark); }

.button {
  padding: 0.5em;
  border-radius: 0.35em;
  font-weight: 700; }

.button.bordered {
  background: none;
  border: solid var(--color-grey-dark) 3px; }

.button.colored {
  color: #ffffff;
  background-color: var(--color-primary); }

a.button, a.button p {
  text-decoration: none; }

.flex-stopgap {
  flex-grow: 1; }