:root {
  --color-logo: #338496;
  --color-primary: #04d1b2;
}

.navbar.is-fixed-top {
  box-shadow: 0 0 10px black;
}

.faq-content {
  transition: all 0.3s ease;
}

.faq-icon {
  transition: transform 0.3s ease;
}

.faq-icon.is-rotated {
  transform: rotate(180deg);
}

.has-background-hero {
  background-image: linear-gradient(92deg, #37525E 20%, #89A3B3 100%);
}

.menu-list li:hover a, 
#features .card:hover .icon,
#faq .card:hover .card-header,
#faq .card:hover .card-header-title {
  color: var(--color-primary);
}

.menu-list li:hover {
  background-color: rgba(255, 255, 255, 0.05);;
}

@media screen and (max-width: 1023px) {
  .navbar-start .navbar-item {
    font-size: 1.5rem;
    text-align: center;
    line-height: 3rem;
  }

  .navbar-end .navbar-item .buttons {
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 1em;
  }
}