/* Application styles */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap');
body {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: max-content auto max-content;
  grid-template-areas:
    'header header'
    'main main'
    'footer footer';
}
body.with-sidebar {
  grid-template-areas:
    'header header'
    'sidebar main'
    'footer footer';
}
header {
  grid-area: header;
}
aside {
  grid-area: sidebar;
}
main {
  grid-area: main;
}
footer {
  grid-area: footer;
}

@layer base {
}