@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

:root {
  --main-bg-color:#231F20;
  --buttons-color:#996a03;
  --buttons-hover-color:red;
  --a-hover-color:orange;
  --text-color:#fff;
  --strong-text-color:#fff;
  --headings-color:#cecbcb;
  --hero-overlay-color:#000000c0;
  --accent-color:#f7b34d;
 
  --color-blue:   #6fa3ff;
  --color-green: #3C7900;
  --color-yellow: #FBE703;
  --color-red:    #ff6b6b;

}

/* reset */

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

body {
  background:var(--main-bg-color);
  color:var(--text-color);
  font-family:'Montserrat',Arial,sans-serif;
  font-size:15pt;
  line-height:1.6;
}

h1,h2,h3 {
  color:var(--headings-color);
  font-weight:400;
}

p {
  margin-bottom:1em;
}

a {
  text-decoration:none;
  color:inherit;
  transition:.3s;
}

a:hover {
  color:var(--a-hover-color);
}

section {
  margin-bottom:3em;
}