body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', sans-serif;
}

.navbar {
  font-family: "Taviraj", serif;
  font-weight: 200;
  font-style: normal;
}

.nav-link::after {
  content: "";
  width: 0%;
  height: 2px;
  background: #0000cd;
  display: block;
  margin: auto;
  transition: 0.5s;
}

.nav-link:hover:after {
  width: 100%;
}


.login-form {
    background-color: #fff;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border-radius: 20px;
    padding: 40px;
}

.login-form h2 {
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.form-control {
    border-radius: 10px;
}

.btn-primary {
    background-color: #0056b3;
    border: none;
    transition: all 0.3s ease-in-out;
}

.btn-primary:hover {
    background-color: #004080;
}

.btn-primary:focus {
    box-shadow: none;
    outline: none;
}

.btn-lg {
    padding: 10px 24px;
}

.text-center {
    color: #555;
}

.text-center a {
    color: #0056b3;
    text-decoration: none;
}

.text-center a:hover {
    text-decoration: underline;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

.navbar-brand img {
  transition: transform 0.3s ease-in-out;
}

.navbar-brand img:hover {
  transform: scale(1.1);
}