:root {
  --site-width: 1270px;
  --color-white: #ffffff;
  --color-primary: #c2ee00;
  --color-secondary: #171717;
}

body {
  font-family: "Quicksand", sans-serif;
  background-color: var(--color-secondary);
}

/* Sections provide l/r padding on smaller screen sizes */
section,
header {
  padding: 0 16px;
}

/* Allow full-width sections */
section.full-width {
  padding: 0;
}

/* Site container gets applied to rows to enforce site width */
.site-container {
  max-width: var(--site-width);
  width: 100%;
  margin: 0 auto;
}

/* button & link over states */
button,
a {
  transition: 0.2s all ease-in-out;
}

button:hover,
a:hover {
  opacity: 0.7;
}