body {
  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
  height: 100vh;
}

:root {
  --primary: #0a5da8;
}

.container-fluid {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formulario {
  background: #fff;
  padding: 72px;
  border-radius: 25px;
}
.bxs-user-circle {
  font-size: 5.5rem;
  color: var(--primary);
}
.fixed-bottom-right {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 200px; /* Ajusta el tamaño de la imagen según tus necesidades */
  height: auto;
  animation: floatingAnimation 3s ease-in-out infinite; 
}
.imagen_left{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@keyframes floatingAnimation {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.title_welcome {
  font-family: "Abril Fatface", cursive;
  color: var(--primary);
}
.linea {
  color: var(--primary);
}
.form-label {
  color: var(--primary);
}
.form-check-label{
  color: var(--primary);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--primary);
  --bs-btn-disabled-border-color: var(--primary);
}