:root {
  --mdb-primary: #3b71ca;
  --mdb-body-font-family: "Roboto", sans-serif;
}

html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Roboto", sans-serif !important;
  background-color: #eee !important;
}

main .table {
  --mdb-table-bg: #fff;
}

.navbar .nav-link:hover {
  opacity: 0.9;
}

.btn {
  text-transform: none;
  letter-spacing: 0.02em;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
  text-align: start;
}