body {
  --bege: #E6E0D6;
  --roxo: #765cf7;
  --roxo-claro: #9e8cf9;
  font-family: 'Barlow', sans-serif;

}

input[type=checkbox] {
  border: 2px solid var(--roxo);
  box-shadow: none;
}

input[type=checkbox]:checked,
input[type="checkbox"]:focus {
  background-color: var(--roxo);
  border-color: var(--roxo);
  box-shadow: none;
  outline: none;
}

.banner-1 {
  background-image: url(./assets/banner-1.png);
}

.banners {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.banners-titulo {
  --bs-bg-opacity: 0.8 ;
}

.banner-2{
  background-image: url(./assets/banner-2.png);
}

.banner-3{
  background-image: url(./assets/banner-3.png);
}

.banner-4{
  background-image: url(./assets/banner-4.png);
}

.banners {
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center;
  background-attachment: fixed;
}

.banners-titulo {
    --bs-bg-opacity: .8;
}

.botao-padrao {
  background-color: var(--roxo);
  color: black;
  text-decoration: none;
}

.botao-padrao:hover {
  background-color: var(--roxo-claro);
}

.input-range::-webkit-slider-thumb, footer {
  background-color: var(--roxo);
}

[data-bs-theme="dark"] {
  color: white;
  .nav-link, .card-body, .offcanvas, .accordion, .btn {
    --bs-nav-link-color: white;
    --bs-card-color: white;
    --bs-offcanvas-color: white;
    --bs-body-color: white;
    --bs-body-color: white;
  }
}

#floatingMensagem {
  height: 100px;
}

#projetos {
  background-color: #f3f3f3;
}