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

a {
  color: #ff1100;
}

body {
  background-color: #a66965;
}

p {
  margin-top: 5px;
}

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(8, 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'
    'about about about picture picture picture picture rss rss rss'
    'about about about picture picture picture picture pic webring webring'
    'about about about picture picture picture picture blog blog blog'
    'about about about picture picture picture picture blog blog blog'
    'about about about likes likes likes likes blog blog blog'
    'about about about likes likes likes likes blog blog blog'
    'about about about affs affs affs affs blog blog blog'
    'about about about affs affs affs affs blog blog blog'
    '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;
}

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

#picture {
  grid-area: picture;
  background-image: url('https://syserror404.neocities.org/markk/mark.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 15px;
}

#about {
  grid-area: about;
}

#likes {
  grid-area: likes;
}

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

#blog {
  grid-area: blog;
  text-align: center;
  overflow-y: scroll;
  scrollbar-color: #5e1e19 #a66965;
}

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

#affs {
  grid-area: affs;
  overflow-y: scroll;
  scrollbar-color: #5e1e19 #a66965;
}

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

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