body {
  background-color: #b3c6c7;
}

a {
  color: black;
}

.container {
  width: 820px;
  margin: auto;
  background-color: #334c59;
  border: 3px solid #334c59;
  padding: 25px;
  display: grid;
    grid-template-columns: 160px 160px 160px 160px 160px;
    grid-template-rows: 160px 30px 160px;
  gap: 4px;
  grid-template-areas: 
  'header header header header header'
  'nav nav nav nav nav'
  'blog blog blog blog blog'
  'footer footer footer footer footer';
}

.boxc {
  border: 2px solid #334c59;
  padding: 10px;
  text-align: center;
  background-color: #dfe5e6;
}

.boxl {
  border: 2px solid #334c59;
  padding: 10px;
  background-color: #dfe5e6;
}

.boxb {
  padding: 5px;
  background-color: #dfe5e6;
  border: 2px solid #334c59;
  text-align: center;
}

.boxn {
  padding: 5px;
  border: 2px solid #334c59;
  text-align: center;
  background-color: #dfe5e6;
  background-image: url('https://syserror404.neocities.org/pictures/luxbg.jpg');
  background-size: cover;
  background-position: center;
}

.boxh {
  padding: 10px;
  border: 2px solid #334c59;
  text-align: center;
  background-color: #dfe5e6;
  background-image: url('https://syserror404.neocities.org/pictures/luxbg.jpg');
  background-size: cover;
  background-position: top;
}

.boxf {
  padding: 5px;
  border: 2px solid #334c59;
  background-color: #dfe5e6;
}

#header {
  grid-area: header;
}

#nav {
  grid-area: nav;
  padding: 5px;
  display: grid;
    grid-template-columns: 160px 160px 160px 160px 160px;
    grid-template-rows: 30px;
    grid-template-areas: 
    '. . links bar rss';
}

#links {
  grid-area: links;
}

#rss {
  grid-area: rss;
}

#blog {
  grid-area: blog;
}

#footer {
  grid-area: footer
}