.navbar {
  box-shadow: 0 4px 0px black;
  font-family: "Rubik Mono One", monospace;
  font-weight: 300;
  font-style: normal;
}

.navbar-brand .navbar-item strong {
  font-size: 1.25rem;
}

.navbar-item.is-active {
  background-color: coral !important; 
  color: white !important; 
  font-weight: bold; 
}

.navbar-burger span {
  height: 3px;
  background-color: currentColor;
}

.navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg); 
}

.nav__icon {
  width: 24px; 
  height: 24px;
  stroke: currentColor;
}

.nav__item {
  display: flex; 
  align-items: left; 
  justify-content: left;
}

.cricket-button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0.5rem 0.75rem;
    font-size: 1rem; 
    display: flex;
    align-items: center;
    gap: 5px; 
}