@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins", sans-serif;
}

body {
  background-color: #eeeeee;
  /* background-image: linear-gradient(62deg, #8ec5fc 0%, #e0c3fc 100%); */
  min-height: 97vh;
  animation: gradient 13s ease infinite;
  background-size: 200% 200%;
}

@keyframes gradient {
  0% {
    background-position: 0% 20%;
  }
  25% {
    background-position: 100% 50%;
  }
  50% {
    background-position: 50% 70%;
  }
  100% {
    background-position: 0% 20%;
  }
}

.form-control:focus {
    border-color: var(--bs-border-color);
    box-shadow: none;
}

.glass {
  border-radius: 25px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.logo {
  width: fit-content;
}

.btn-primary {
  --bs-btn-bg: #f58500;
  --bs-btn-border-color: #f58500;
  --bs-btn-hover-bg: #e27a00;
  --bs-btn-hover-border-color: #f58500;
  --bs-btn-active-bg: #f58500;
  --bs-btn-active-border-color: #f58500;
  --bs-btn-disabled-bg: #e27a00;
  --bs-btn-disabled-border-color: #e27a00;
}

#qr {
    height: 300px;
    width: 300px;
}

/* Loading Spinner Styles */
.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}