@import url(reset.css); /*  layer reset; */
@import url(base.css); /*  layer reset; */
@import url(nazi-typewriter.css); /*  layer font; */
@import url(awsm.min.css); /*  layer stuff; */
@import url(video.css); /*  layer stuff; */

.grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 3fr 2fr;
  grid-template-areas: 
    "header header"
    "main sidebar"
    "footer footer"
  ;
}

#site-header {
  grid-area: header;
  position: relative;
  max-width: 100%;
  margin: 0;
  margin-bottom: 0;
}

#site-header div.site-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#site-header h1 {
  color: black;
  font-family: "Nazi Typewriter";
}

#site-header > a:visited {
  text-decoration: none;
}

#logo {
  display: block;
  max-width: unset;
  margin: unset;
  width: 4em;
  max-height: 4em;
}

article > header {
  grid-area: header;
}

article > .content { grid-area: main; }


article > footer {
  border-left: 1px black dotted;
  padding-left: 1em;
}

#footer {
  grid-area: footer;
}