:root {
  --main-color: #3e5c43;
  --secondary-color: #f3f3e6;
  --small-text-color: #d1c7a1;
  --large-text-color: #c0d4c4;
  --dark-background: #4c4f54;
}

body {
  background-color: var(--dark-background);
}

.about {
  background-color: var(--secondary-color);
}

h1 {
  font-size: 64px;
  color: var(--main-color);
}
h2 {
  background-color: var(--dark-background);
  color: var(--large-text-color);
}

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

p {
  background-color: var(--main-color);
  font-size: 16px;
  text-align: center;
  color: var(--small-text-color);
}

h3 {
  background-color: var(--dark-background);
  color: var(--large-text-color);
}

.btn {
  background-color: var(--main-color);
  color: var(--small-text-color);
  font-size: 20px;
  margin-bottom: 10px;
}