:root{
    --primary-color: #1C2366;
    --secondary-color: #313b91; 
    --title-color: #FDFF8C;
    --active-color: #69FF78;
    --white: #fff;
    --hover-white: rgba(255, 255, 255,.1);
}

.fondo {
  background-image: url('https://res.cloudinary.com/furakam/image/upload/v1654134274/Landfill_Images/atardecer_xsflik.png');
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  margin: 0;
}

.container-fluid{
  max-width: 1366px;
}

.nb-title {
  font-family: 'Hind',sans-serif;
  font-size: 35px;
  color: var(--title-color) !important;
}

.nav-item a {
  font-family: 'Poppins',sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.nav-link{
  color: #fff !important;
}

.navbar{
  background-color: var(--primary-color) !important;
  box-shadow: 0 4px 10px 0 rgba(23, 29, 81, 0.63);
}

.active{
  color: var(--active-color) !important;
  background-color: transparent !important;
}

.dropdown-menu{
  background-color: var(--secondary-color);
}
.dropdown-item{
  color: var(--white);
}
.dropdown-item:hover{
  background-color: var(--hover-white);
  color: var(--white);
}
.form-control{
  font-family: 'Poppins',sans-serif;
}


@media screen and (max-width: 386px) {
  .lolicon{
    display: none;
  }
}