:root {
  --sidebar-width: 20rem;
  --page-width-max: 1024px;
}
body {
  display: grid;
  align-items: baseline;
  grid-template-rows: min-content min-content auto min-content;
  grid-template-columns: auto auto;
}
#site-title {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}
#site-description {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  text-align: right;
}
#access {
  grid-row: 2 / 3;
  grid-column: 1 / 3;
}
#main {
  grid-row: 3 / 4;
  grid-column: 1 / 3;
}
#footer {
  grid-row: 4 / 5;
  grid-column: 1 / 3;
}
#main {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto var(--sidebar-width);
  grid-template-columns: auto min-content;
}
#container {
  grid-row: 1 / 1;
  grid-column: 1 / 2;
}
#sideBar1 {
  grid-row: 1 / 1;
  grid-column: 2 / 3;
}

