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(6, 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'
  'picture picture picture about about about about rss rss rss'
  'picture picture picture about about about about rss rss rss'
  'picture picture picture about about about about webring webring webring'
  'favs favs favs about about about about feed feed feed'
  'favs favs favs likes likes likes likes feed feed feed'
  'favs favs favs likes likes likes likes feed feed feed'
  '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;
}

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

#about {
  grid-area: about;
}

#favs {
  grid-area: favs;
}

#likes {
  grid-area: likes;
}

#rss {
  grid-area: rss;
}

#webring {
  grid-area: webring;
}

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

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