:root {
  /* fonts */
  --font-primary: "Montserrat", sans-serif;

  /* colors */
  --color-primary: #1c639c;
  --color-primary-dark: #193868;
  --color-background: hsl(0 0% 100%);
  --color-white: #fff;
  --color-black: #030712;
  --color-border: hsl(214.3 31.8% 91.4%);
  --color-accent: hsl(210 40% 96.1%);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 200vh;
  font-family: var(--font-primary);
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
}

button {
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
}