:root {
  --color-azul: #5034c4;
  --color-morado: #a06ce4;
}

html,
body {
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.homeUser_happpy{
  width: 100%;
    height: 400px;
    background-image: url('/static/assets/happpy/elementos pagina bienvenida-03.png');
    background-size: cover;
    color: #FFF;
}

.happpy_bt_bb_green{
  border-top: 5px solid #d6fc4d;
  border-bottom: 5px solid #d6fc4d;
  padding: 25px;
}

footer {
  height: 10vh;
}

.fondo-azul {
  background-color: #000000;
}

.fondo-rojo {
  background-color: #de3131 ;
}

.back-agradecimiento{
  background-color: #de3131;
  position: fixed;
  bottom: 30%;
  left: 50%;
  transform: translateX(-50%);
}

.color-azul {
  color: #000000;
}

.color-morado {
  color: #000000;
}

.img-navbar {
  width: 280px;
  height: 100px;
}

.custom-button {
  border: 1px solid #000000;
  color: #000000;
  background-color: white;
  color:#000000;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #000000;
  padding: 0 20px 0 20px;
  text-decoration: none;
}