/*==========================================================================================
BASE
==========================================================================================*/
* {
  scroll-behavior: smoth;
}

body {
  margin: 0;

  background: var(--white);
  color: var(--dark);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  line-height: 1.6;
}

img {
  max-width: 100%;
  display: block;
}

button, 
a {
  font: inherit;
}
button {
  cursor: pointer;
}

h1,
h2,
h3,
h4 {
  marging-top: 0;
  line-height: 1.2;
}

p {
  margin-top: 0;
}

::selection {
  background: var(--primary);
  color: var(--white);
}