/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&family=Source+Serif+Pro:wght@400;500;600;700&display=swap");
/* Bootstrap Overrides */
:root {
  --primary: #037FB0;
  --secondary: #161925;
  --accent: #ff6600;
  --text-light: #000;
  --text-dark: #fff;
  --light: rgba(228, 220, 203, 0.7960784314);
  --dark: rgba(0, 0, 0, 0.5333333333);
  --input-light: rgba(255, 255, 255, 0.5333333333);
  --input-dark: rgba(255, 255, 255, 0.0666666667);
  --border-light: rgba(216, 216, 216, 0.4);
  --border-dark: rgba(51, 51, 51, 0.4);
}

body {
  font-family: "Poppins", "Arial", sans-serif;
  font-weight: 300;
  color: #333;
  width: 100vw;
  max-width: 100%;
}

hr {
  border: none;
  border-bottom: 1px solid #D8D8D8;
  min-width: 100%;
  max-width: 100%;
}

/***************************************************************************************************
********************************* NAVBAR STYLES ****************************************************
***************************************************************************************************/
:root {
  --navbar-height: 80px;
}

/***************************************************************************************************
********************************* LOGIN STYLES ****************************************************
***************************************************************************************************/
login {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  background-image: url(/public/img/background.png);
  background-size: cover;
  background-position: center;
}
login .card {
  background: var(--light);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: 1px solid var(--border-light);
  color: var(--text-light);
  width: 400px;
}
login .card form .input-group .input-group-text {
  background: var(--input-light);
  border-color: var(--border-dark);
  border-right: 0;
}
login .card form .input-group .input-group-text i {
  color: var(--text-light);
}
login .card form .input-group input {
  background: var(--input-light);
  color: var(--text-light);
  border-color: var(--border-dark);
  border-left: 0;
  margin-left: 0 !important;
}
login .card form .input-group input::-moz-placeholder {
  color: var(--text-light);
}
login .card form .input-group input::placeholder {
  color: var(--text-light);
}
login .card form .input-group button[type=submit] {
  background: var(--primary);
  color: var(--text-dark);
  border: 1px solid var(--primary);
}
login .card form .input-group button.toggle-password {
  position: absolute;
  right: 2rem;
  cursor: pointer;
  color: var(--text-light);
  background: transparent;
  border: none;
  height: 100%;
}
@media (prefers-color-scheme: dark) {
  login .card form .input-group .input-group-text {
    background: var(--input-dark);
    border-color: var(--border-light);
  }
  login .card form .input-group .input-group-text i {
    color: var(--text-dark);
  }
  login .card form .input-group input {
    background: var(--input-dark);
    color: var(--text-dark);
    border-color: var(--border-light);
  }
  login .card form .input-group input::-moz-placeholder {
    color: var(--text-dark);
  }
  login .card form .input-group input::placeholder {
    color: var(--text-dark);
  }
}
@media (prefers-color-scheme: dark) {
  login .card {
    color: var(--text-dark);
    background: var(--dark);
    border: 1px solid var(--dark);
  }
}/*# sourceMappingURL=core.css.map */