body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    "header header"
    "main main"
    "footer footer";
  height: 100vh;
  transition: all 0.3s ease;
  background-color: var(--fc-secondary)
}


header {
  grid-area: header;
}

main {
  grid-area: main;
  padding: 75px 0 0 0;
  transition: all 0.3s ease;
}

footer {
  grid-area: footer;
}


/* webkit */
::-webkit-scrollbar {
  width: 2px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--brc-bluegray);
  border-radius: 1px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(80, 80, 80, 0.8);
}

::-webkit-scrollbar-track {
  background: transparent;
}

.main__item-nodata{
    font-size: var(--fs-subtitle);
    font-weight: 500;
    color: var(--brc-gray);
    text-align: center;
    margin-top: 25vh;
}