body {
  background-color: #ff99ce;
  color: black;
  font-family: Verdana;
  font-size: 16px;
  text-align: center;
}

.shelf {
  background-color: #cc6600;

  padding: 15px;
  margin: auto;
  float: none;
}

.invisitem {
  width: 22%;
  height: auto;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom:22px;
  float: left;
  background-color: #804000;
}

.invisitem img {
  width: 100%;
  height: auto;
}

.shelfitem {
  width: 22%;
  height: auto;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom:22px;
  float: left;
  background-color: #804000;
}

.shelfitem img {
  width: 100%;
  height: auto;
}


.scrapbook {
  background-color: #ffffcc;
  width: 80%;
  border: 2px solid #ffbf80;
  margin: auto;
  float: none;
}

.scrapbook img {
  max-width: 24%;
  height: auto;
  padding: 6px;
}

#screenshot {
    max-width:25%;
    padding:6px;
}

@media only screen and (max-width: 1000px) {
  body {
    font-size: 12px;
  }
  
  .scrapbook img{
    max-width: 32%;
  }

  #screenshot {
    max-width: 40%;
  }

  .shelfitem {
  width: 45%;
  }
  
  .invisitem {
  display: none;
  }

}

nav {
padding-top:10px;
}

a {
  font-weight: bold;
  margin-left:2px;
  margin-right:2px;
}

.scrapbook p {
  padding: 5px;
  text-align: center;
}

.dialog_stella {
 border: 5px solid #ffcce6;
 border-radius: 10px;
 background-color: #ffe6f3;
 padding: 30px;
 margin: 40px;
 padding-left: 160px;
 background-image: url(https://file.garden/Zb9-TxqH9DEExEfV/ABS/Dialog_Stella2.png);
 background-size: 150px 150px;
 background-position: left top;
 background-repeat: no-repeat;
 align-items: center;
 text-align: left;
 line-height: 1.5;
}

.dialog_author {
 border: 5px solid green;
 border-radius: 10px;
 background-color: #ffff80;
 padding: 30px;
 margin: 40px;
 padding-left: 160px;
 background-image: url(https://file.garden/Zb9-TxqH9DEExEfV/ABS/Dialog_Author.png);
 background-size: 150px 150px;
 background-position: left top;
 background-repeat: no-repeat;
 align-items: center;
 text-align: left;
 line-height: 1.5;
}

/***
EZ Gallery by netfriend - https://netfriend.neocities.org/ez-gallery/
Released under the Unlicense - https://unlicense.org/
***/

.row { 
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}