.bg-body {
  background: rgb(22,23,51);
  background: linear-gradient(90deg,rgba(19, 20, 43, 1) 0%, rgba(102, 45, 144, 1) 100%);
}

centrado {
  display: grid;
  place-items: center;
  height: 100%;
}

.hover-effect {
  transition: transform 0.3 ease-in-out;
}

.hover-effect:hover {
  transform: scale(1.1);
}

pie {
  font-family: 'Sk-Modernist';
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  background: rgb(58,0,85);
  background: linear-gradient(90deg, rgba(58,0,85,1) 0%, rgba(188,34,127,1) 100%);
  color: white;
}

.pie {
  font-family: 'Sk-Modernist';
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  background: rgb(58,0,85);
  background: linear-gradient(90deg, rgba(58,0,85,1) 0%, rgba(188,34,127,1) 100%);
  color: white;
}

.navbar {
}

.navb {
  background: #340068;
  background: linear-gradient(90deg, rgba(52, 0, 104, 1) 0%, rgba(255, 105, 120, 1) 100%);
}