::selection {
  background: #5e1e19;
  color: #ff1100;
}

a {
  color: #ff1100;
}

body {
  background-color: #a66965;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  padding: 0 16px;
  text-decoration: none;
}

#container {
  display: grid;
    grid-template-columns: 90px 90px 90px 90px 90px 90px 90px 90px 90px 90px;
    grid-template-rows: 150px 35px repeat(5, 90px) 35px;
    gap: 10px;
    grid-template-areas:
    'header header header header header header header header header header'
    'nav nav nav nav nav nav nav nav nav nav'
    'body body body body body body body rss rss rss'
    'body body body body body body body pic webring webring'
    'body body body body body body body . . .'
    'body body body body body body body . . .'
    'body body body body body body body . . .'
    'footer footer footer footer footer footer footer footer footer footer';
  font-family: 'Averia Libre';
  width: 990px;
  margin: 30px auto;
  padding: 10px;
  border-radius: 25px;
  background-color: #fadedc;
}

#header {
  grid-area: header;
  text-align: center;
  background-image: url('https://syserror404.neocities.org/markk/header.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}

#nav {
  grid-area: nav;
  text-align: center;
  padding: 7px;
}

#body {
  grid-area: body;
  overflow-y: scroll;
  scrollbar-color: #5e1e19 #a66965;
  padding: 20px;
}

#rss {
  grid-area: rss;
  text-align: center;
  padding: 15px;
}


#pic {
  grid-area: pic;
  background-image: url('https://syserror404.neocities.org/markk/star.jpg');
  border-radius: 15px;
  background-size: cover;
}

#webring {
  grid-area: webring;
  text-align: center;
}

#footer {
  grid-area: footer;
  padding: 7px;
}

.box {
  background-color: #75221c;
  padding: 10px;
  border-radius: 15px;
  color: white;
}