:root {
  --font: "Poppins", sans-serif;
  --font-size: 16px;
  --text: #696c6c;
  --heading: #006f6f;
  --bg: #ffffff;
  --container: 1140px;
  --teal: #006f6f;
  --teal-top: #0b746e;
  --teal-footer: #0c6e69;
  --teal-bar: #085f5b;
  --gold: #e2a31b;
  --sand: #f4f1ec;
  --team: #e8f4f3;
  --card: #0d6d69;
  --alert: #d9d9d9;
  --line: #cfd6d6;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--font-size);
  color: var(--text);
  background: var(--bg);
  line-height: 1.65;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  width: min(92%, var(--container));
  margin-inline: auto;
}