.main-bg {
  background: rgb(0, 7, 255);
  background: -moz-linear-gradient(
    125deg,
    rgba(0, 7, 255, 1) 0%,
    rgba(8, 216, 234, 1) 100%
  );
  background: -webkit-linear-gradient(
    125deg,
    rgba(0, 7, 255, 1) 0%,
    rgba(8, 216, 234, 1) 100%
  );
  background: linear-gradient(
    125deg,
    rgba(0, 7, 255, 1) 0%,
    rgba(8, 216, 234, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0007ff",endColorstr="#08d8ea",GradientType=1);
  color: var(--white-color);
}

.white-bg {
  background: var(--white-color);
  color: var(--primary-color);
}

.cartas-bg {
  background-image: url("../img/fundo-cartas.webp");
  background-size: cover;
  background-position: center center;
}
.main-bg-amarelo {
  background-image: url("../img/fundo-novo-amarelo.jpg");
  background-size: cover;
  background-position: center center;
}

.main-bg-verde {
  background-image: url("../img/fundo-novo-verde.jpg");
  background-size: cover;
  background-position: center center;
  color: var(--white-color);
}

.bg-2 {
  background-image: url("../img/bg-2.jpg");
  background-size: cover;
  background-position: center center;
  color: orange;
}

.bg-3 {
  background-image: url("../img/bg-3.jpg");
  background-size: cover;
  background-position: center center;
  color: crimson;
}

.bg-4 {
  background-color: #191919;
  color: gray;
}

.main-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 10rem var(--gap);
}

.section {
  min-height: 100vh;
}

.menu-spacing {
  height: 65px;
}

body .full-width {
  width: 100%;
  flex: 1 1 100%;
}