@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
body {
  background-color: hsl(0, 0%, 96%);
}

* {
  font-family: "Raleway", sans-serif;
  /* font-family: "Roboto", sans-serif; */
}

.form-floating > label{
    z-index: 0;
}

h3.f-title {
  color: #343a40;
  font-weight: 700;
}

h3.sec-title {
  color: #7344d5;
  font-weight: 700;
}

.card {
  min-height: 100%;
}

.btn-login {
    color: #ffff;
  background-color: #5b29c1;
  border: none;
}

.btn-login:hover {
    color: #ffff;
  background-color: #5b29c1;
  border: none;
}

.new-stud {
  border-color: #7344d5;
  color: #7344d5;
}

.new-stud:hover {
  background-color: #ffcc00;
  border-color: #fc0 !important;
  color: #ffffff !important;
}

.flash {
  animation: flash 1.5s forwards;
}

@keyframes flash {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}