@font-face {
  font-family: Comfortaa;
  src: url("../fonts/RobotoFlex-Regular.ttf");
}

* {
  font-family: Comfortaa !important;
}
body,
html {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.uk-container {
  padding: 10px 0 10px 0;
}

nav {
  background: #bacbd9 !important;
}

.peremk {
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background: #46c2eb !important;
}

#verhnav {
  background: #bacbd9 !important;
}

#verhnav > .uk-active > a {
  color: #ff0000 !important;
  background-color: #000000 !important;
}

#verhnav > * > :first-child {
  color: #ffd700 !important;
  background-color: #0057b8 !important;
}

.uk-article-title {
  font-size: 1.4rem !important;
}

.full-height {
  height: 100vh; /* Висота на весь екран */
  overflow-y: auto; /* Якщо контент не влазить — додає скрол */
}