header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px; /* Space between header and content */
  /* Static height, so elements below won't move during moving browser's window */
  height: 175px;
}

.header-logo {
  font-size: 100px; /* The logo is made from text */
  line-height: 1; /* Remove default space above */
  padding-top: 17px; /* Add space, that I want, above */
  margin-bottom: 30px; /* Add space below */
  white-space: nowrap; /* Щоб лого не переносилося при зменшенні ширини вікна */
}

.header-pages {
  display: flex;
  gap: 30px; /* Distance between each link */
  margin-left: 30px; /* Вирівнення navbar відносно logo (на око) */
}

/* Активується при перебуванні на вказаній у navbar сторінці */
.active {
  font-weight: bold;
}

/* Configurations that applied when window's width is less than 768 pixels */
/* Useful for phone format */
@media (max-width: 768px) {
  .header-logo {
    font-size: 70px; /* Make our logo smaller, so it will fit to window size and won't wrap */
    padding-top: 30px;
  }
}