@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0');

:root{
  --uwmh-bg: #d9d9d9;
  --uwmh-navy: #1b2456;
}

body {
  background: var(--uwmh-bg);
}

.uwmh-logo {
  max-width: 600px;
  width: 100%;
  height: auto;
  opacity: .95;
}

.uwmh-title {
  color: var(--uwmh-navy) !important;
}

.uwmh-card .input-group-text.material-symbols-outlined {
  font-size: 28px;
  line-height: 1;
  color: var(--uwmh-navy);
}

.uwmh-card input::placeholder {
  font-style: italic;
}

.btn-primary {
  background-color: var(--uwmh-navy);
  border-color: var(--uwmh-navy);
}

.link-secondary { color: rgba(0,0,0,.55); }
.link-secondary:hover { color: rgba(0,0,0,.7); }

.uwmh-mark {
  color: #27316d;
  opacity: .85;
}