@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Regular.84ea7c5c9d2f.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Light.c9d68f61bf89.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Medium.d3c3b35e6d47.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/Ubuntu-Bold.896a60219f61.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

* {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
}

.navbar .nav-link {
  font-weight: 500;
}

.navbar .nav-link,
.navbar .navbar-text,
.navbar .navbar-brand {
  color: var(--bs-white) !important;
  transition: 0.5s ease;
}

.navbar .nav-link.active {
  color: #44b78b !important;
}

.navbar .nav-link:hover,
.navbar-brand:hover,
.nav-link.show {
  color: #c9f0dd !important;
  text-shadow: 0px 0px 20px;
}

@media screen and (min-width: 768px) {
  .navbar .nav-link:hover:has(.bi),
  .nav-link.show:has(.bi) {
    transform: scale(1.2);
  }
}

.navbar-brand:hover img {
  /* Para o símbolo do al. Thanks https://angel-rs.github.io/css-color-filter-generator */
  filter: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(447%)
    hue-rotate(91deg) brightness(102%) contrast(88%) drop-shadow(0px 0px 10px);
  transform: rotate(-360deg) scale(1.1);
}

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

.navbar .navbar-brand {
  font-weight: 500;
}

.navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}

.form-floating label,
.form-label,
.col-form-label,
.form-check-label,
.table-striped th {
  color: var(--bs-dark) !important;
}

.h-large {
  font-size: 4rem;
  transition: 10s;
}

.h-large:hover {
  text-shadow: 0px 0px 50px;
}

.btn-col-1 {
  width: 108px;
}

.btn-col-2 {
  width: 216px;
}

.btn-col-3 {
  width: 324px;
}

@media screen and (max-width: 768px) {
  .btn-col-3,
  .btn-col-2,
  .btn-col-1 {
    width: 100%;
  }
}

/* Desde a versão 4.1, logout no Django deve ser feito via POST.
O botão na navbar teve que virar um form. As regras abaixo fazem parecer um botão. */

#logout-form {
  display: inline;
}

#logout-form button {
  background: none;
  border: none;
}

/* Bootstrap 5.3.4 quebrou o background do label do floating-field.
Achei mais fácil forçar o CSS antigo aqui do que fuçar no SCSS */
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 0.66rem 0.375rem;
  z-index: -1;
  height: 1.5rem;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}