:root {
  --banner-bg-color: #47625b;
  --clickme-bg-color: #505050;
  --clickme-color: white;
  --clicked-bg-color: white;
  --clicked-color: black;
  --sidebar-width: 10rem;
  --banner-height: 7rem;
  --page-width: 60rem;
}

.layout-container {
  margin: 0;
  display: grid;
  grid-template-columns: var(--sidebar-width) 4fr 1fr;
  grid-template-rows: var(--banner-height) 1fr;
}
.layout-sidebar-first {
  margin: 0;
  padding: 0;
  background-color: var(--banner-bg-color);
  grid-column: 1 / 2;
  grid-row: 2 / 2;
}
.block-menu {
  display: block;
}

main {
  padding: 1px 16px;
  grid-column: 2 / span 2;
  grid-row: 2 / 2;
}

header[role=banner] {
  background-color: var(--banner-bg-color);
  grid-column: 1 / span 3;
  grid-row: 1 / 1;
}
.layout-sidebar-second {
  margin: 0;
  padding: 0;
  background-color: var(--banner-bg-color);
  grid-column: 3;
  grid-row: 1;
}