@import url('https://fonts.googleapis.com/css2?family=Amarante&family=Explora&display=swap');


:root {
  --base-color: #FCF5E5;
  --text-color: #353238;
  --primary-color: #A3B18A;
  --secondary-color: #DAD7CD;
  --color-1: #588157;
  --color-2: #3A5A40;
  --color-3: #344E41;
}

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

html {
  font-family:Amarante, 'Segoe UI', Tahoma, Geneva, Veranda, sans-serif;
  color: var(--text-color);
}

body {
  padding: 1em;
  background-color: var(--base-color);
}

h1, h2, h3 {
  font-family:Explora, Amarante, 'Segoe UI', Tahoma, Geneva, Veranda, sans-serif;
}

nav {
  margin: 1em auto 3em auto;
  width: min(1000px, 100%);
}