:root {
  --main-bg: #0b7a14;
  --second-bg: red;
}

body {
  font-family: Poppins, sans-serif;
}

.main-bg {
  background: var(--main-bg) !important;
}

.second-bg {
  background: var(--second-bg) !important;
}

input:focus,
button:focus {
  border: 1px solid var(--main-bg) !important;
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: var(--main-bg) !important;
  border-color: var(--main-bg) !important;
}

.card,
.btn,
input {
  border-radius: 0 !important;
}

/* Agregar animación CSS para la clase "shake" */
.shake {
  animation: shake 0.5s;
}

/* Definir la animación de vibración */
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}