:root { 
  --color-primary: #dfdfdf;
  --color-secondary: #464542;
  --color-tertiary: #1a1500;
  --background-primary: #1e2934;
}

body {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  color: var(--color-primary);
  background-color: var(--background-primary);
  margin: 0 auto;
  padding: 1rem;
  max-width: 2000px;
  min-height: 100vh;
  border: #d5b96b;
  text-align: center;
}

a {
  color: #d5b96b;
  transition: all 0.3s ease-out;

  &:hover {
    color: #947436;
  }
}

* {
  box-sizing: border-box;
}

hr {
  margin: 2rem auto;
  width: 80%;
}

p,
li {
  text-align: left;
}

.button-color {
  color: #947436;
}

.menu {
  width: 100%;
  max-width: 100%;
  margin: auto;
  border: #d5b96b;

  ul {
    margin: 0;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
  }

  li {
    list-style: none;
  }
}

.text-justify {
  text-align: justify;
}

.text-left {
  text-align: left;
}

.w-75 {
  max-width: 75%;
}

.container {
  align-items: center; 
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 250px;
  display: flex;
  justify-content: center
 }

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

.text {
  font-size: 20px;
}

.carousel-item {
  transition: transform .6s ease-in-out;
}

.carousel-inner>.active {
  max-width: 100%;
  max-height:100%;
}