.top-header{
  display: flex;
  justify-content: space-between;
}

.brand-name{
  font-size: 1.5rem;
  color: var(--primary-color);
  font-family: Raleway;
}

.logo{
  width: 60px;
}

@keyframes gradient-x {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.animate-gradient-x {
  background-size: 200% 200%;
  animation: gradient-x 15s ease infinite;
}