a {
  color: black;
}

body {
  background-color: #FFB1B0;
}

.box {
  background-color: #ffe3ed;
  padding: 15px;
  border-radius: 20px;
  border: 7px solid #e39696;
}

#container {
  background-color: #FFCFCF;
  border-radius: 20px;
  width: 790px;
  margin: auto;
  padding: 25px;
  font-family: 'Indie Flower';
  display: grid;
    gap: 10px;
    grid-template-columns: repeat(10, 70px);
    grid-template-rows: 125px 50px repeat(5, 70px) 50px;
    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 rss rss rss'
    'body body body body body body body webring webring webring'
    'body body body body body body body image image image'
    'body body body body body body body image image image'
    'footer footer footer footer footer footer footer footer footer footer';
}

#header {
  grid-area: header;
  background-image: url('https://syserror404.neocities.org/libertysparkle/lsphotos/banner.jpg');
  border: 10px solid #e39696;
  border-radius: 20px;
}

#nav {
  grid-area: nav;
  background-color: #e39696;
  border-radius: 20px;
  padding: 3px;
}

#body {
  grid-area: body;
  overflow-y: scroll;
  scrollbar-color: #FFB1B0 #FFCFCF;
}

#rss {
  grid-area: rss;
}

#webring {
  grid-area: webring;
}

#image {
  grid-area: image;
  background-image: url('https://syserror404.neocities.org/libertysparkle/lsphotos/pic.png');
  background-size: cover;
  background-position: center;
}

#side {
  grid-area: side;
  overflow-y: scroll;
  scrollbar-color: #FFB1B0 #FFCFCF;
}

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