/* =========================================================
   GLOBAL RESET
========================================================= */

* {
  margin: 0;
  padding: 0;

  box-sizing: border-box;
}


/* =========================================================
   BODY
========================================================= */

body {
  font-family: var(--font-family);

  background: var(--light);

  overflow-x: hidden;
}


/* =========================================================
   MEDIA
========================================================= */

img {
  display: block;

  max-width: 100%;
}


/* =========================================================
   LINKS
========================================================= */

a {
  text-decoration: none;

  color: inherit;
}


/* =========================================================
   BUTTONS
========================================================= */

button {
  font: inherit;
}