body {
  background-color: var(--bg);
  color: var(--text);
}
#header {
  color: var(--link);
  padding-left: 5px;
  margin: 5px;
  text-align: center;
  font-family: "Lucida Console", "Courier New", monospace;
}
#p1 {
  color: var(--text);
  text-align: center;
  font-family: lucida;
  font-size: 32px;
}
    .navbar-brand {
  color: white !important;
  font-family: "Lucida Console", "Courier New", monospace;
}

.navbar .nav-link {
  font-family: "Lucida Console", "Courier New", monospace;
}
.events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}

.event-card {
  background: var(--bg);
  border: 1px solid #222;
  border-radius: 12px;
  padding: 0.8rem;
}

.event-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.event-title {
  font-weight: 700;
  font-size: 1.05rem;
}

.event-type {
  font-size: 0.75rem;
  padding: 0.15rem 0.5rem;
  border-radius: 8px;
  background: var(--bg);
  color: #9ca3af;
}

.event-meta {
  font-size: 0.85rem;
  opacity: 0.85;
  margin-top: 0.25rem;
}

.event-location {
  font-size: 0.85rem;
  opacity: 0.9;
}

.event-desc {
  font-size: 0.85rem;
  margin-top: 0.4rem;
  opacity: 0.9;
}
.event-type {
  font-size: 0.75rem;
  padding: 0.15rem 0.5rem;
  border-radius: 8px;
  border: 1px solid #222;
  font-weight: 700;
}

.type-training { background: var(--bg); color: #14b8a6; }
.type-meeting  { background: var(--bg); color: #3b82f6; }
.type-istraining    { background: var(--bg); color: #f59e0b; }
.type-class    { background: var(--bg); color: #a855f7; }
.type-sevent  { background: var(--bg); color: #e60082; }
.type-other   { background: var(--bg); color: hsl(136, 100%, 41%); }