@font-face {
  font-family: 'Pixellari';
  src: local(''),
    url('/fonts/Pixellari.ttf');
}

body {
    display: grid;
    justify-content: center;
    background-color: antiquewhite;
    cursor: url("img/goose-cur.png"), default;
    font-family:'Pixellari', Cochin, Georgia, Times, 'Times New Roman', serif;
    background-image: url("/img/apple\ bg.gif");
}

.container {
  display:grid;
  width: 650px;
  background-color: antiquewhite;
  margin: 0px;
  border:3.5px #f39c9c;
  border-style: dashed;
  overflow:auto;
}

.heading {
  display:grid;
  justify-content: center;
  margin-top:10px;
  margin-bottom:0px;
  color:#f07d7d;
  filter:drop-shadow(2px 2px #834c4c42)
}

.worm-div {
  margin-top:0px;
  margin-left:24px;
}

.category {
  display: grid;
  justify-content: center;
  color:#f07d7d;
  margin: 10px;
}

#stamps {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-left: 8px;
}

#cursors {
  margin-left: 200px;
}

#icons-row1, #icons-row2, #icons-row3 {
  margin: 5px;
}

.stickers {
  max-height: 100px;
}

#stickers-row1 {
  margin-left: 20px;
}

#stickers-row2 {
  margin-left: 50px;
}

#stickers-row3 {
  margin-left: 115px;
}

#pokemon-row1 {
  margin-top: 5px;
}

#pokemon-row2 {
  margin-left: 230px;
}

.pokemon {
  max-height: 75px;
}

#snoopy9, #snoopy8, #snoopy16, #snoopy15, #snoopy17 {
  max-height: 150px;
  margin-top: 10px;
  margin-left: 18px;
}

#misc-row1, #misc-row3 {
  margin: 10px;
}

.misc {
  max-height: 150px;
}

/* BUTTONS */
.buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.library-button,
.grooves-button,
.home-button,
.essays-button,
.telescope-button,
.wiw-button,
.trinkets-button {
  background-color: antiquewhite;
  font-family: Ms Gotchic;
  font-size: 100%;
  color: #2d442c;
  height: 50px;
  width: 50px;
  margin: 10px;
  border-radius: 10px;
  border-color: #f39c9c;
  border-width: 3.5px;
  cursor: url("img/goose-cur.png"), default;
}

.library-button:hover,
.grooves-button:hover,
.home-button:hover,
.essays-button:hover,
.wiw-button:hover,
.telescope-button:hover,
.trinkets-button:hover {
  background-color: bisque;
}

.library-button:active,
.grooves-button:active,
.home-button:active,
.essays-button:active,
.wiw-button:active,
.telescope-button:active,
.trinkets-button:active {
  opacity: 0.7;
}  
/* END BUTTONS */