/* =======================
   HEADER STYLING
======================= */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #424242;
  color: white;
  display: flex;
  align-items: center;      /* vertical centering */
  padding: 0 20px;          /* space inside header */
  box-sizing: border-box;   /* includes padding in width */
  z-index: 1000;
  gap: 20px;                /* optional spacing between logo and text */
  border-style: solid;
  border-color: #81ad54;
  border-bottom-width: 5px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  
}

/* Logo sizing */
.header img {
  height: 75px;             /* matches header height */
  width: auto;              /* maintain aspect ratio */
  display: block;
}

/* Header text aligned right */
.headText {
    display: flex;
    flex-direction: row; /* stack vertically; use row for horizontal */
    gap: 30px; /* spacing between items */
    margin-left: auto; /* pushes all text to the right */
    font-size: 30px;
    text-decoration: none;
}