a{
    text-decoration: none;
}

.navbar-brand img{
    height: 40px;
    margin-left: 30%;
}

.banner img{
    height: 100vh;
    width: 100%;
    overflow-x: hidden;
    object-fit: cover;
}

@keyframes fadeInUp {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1.5s fadeInUp;
}

.scrollspy-example-2{
    height: 90vh;
    overflow-y: scroll;
    overflow-x: hidden;

}

#categorias{
    margin-top: 30px;
    width: 100vw;
}

#contenido{
    width: 100%;
}

#sidebar{
    margin-left: 30px;
}

.card-body{
    height: 115px;
    vertical-align: middle;
}

.nav-link.active.c1{
    color: white;
	background-color: rgb(214, 0, 87);
}
.nav-link.active.c2{
    color: white;
	background-color: rgb(139, 220, 101);
}
.nav-link.active.c3{
    color: white;
	background-color: rgb(0, 175, 170);
}
.nav-link.active.c4{
    color: white;
	background-color: rgb(255, 131, 0);
}
.nav-link.active.c5{
    color: white;
	background-color: rgb(154, 60, 187);
}

.nav-link.c1{
    color: rgb(214, 0, 87);
}

.nav-link.c2{
    color: rgb(139, 220, 101);
}

.nav-link.c3{
    color: rgb(0, 175, 170);
}

.nav-link.c4{
    color: rgb(255, 131, 0);
}

.nav-link.c5{
    color: rgb(154, 60, 187);
}

.offcanvas-body button{
    margin-bottom: 5px;
}

.card-img-top{
    height: 200px;
}