/* This is used for formatting the sides of the testing grounds*/

body {
  background-color: indigo;
  color: white;
  font-family: Baskerville Old Face;
  padding-bottom: 10cm;
  margin: 0px;
  width: 100%;
  cursor: url('cursors/Cursor 1 - default.tiny.png'), default;
}
.paper-textbox {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 auto;
  border: 15px solid transparent;
  border-image-source: url("icons, stamps etc./Message border - paper.png");
  border-image-repeat: round;
  border-image-slice: 32%;
  background: url("icons, stamps etc./Message box - paper.png");
  background-clip: padding-box;
  width: 30%;
  color: black;
}
.paper-textbox p {
  margin: 2px;
}
#neocities-image {
  width: 100%;
  height: 100%;
  text-align: center;
}
.nav-buttons {
  display:flex;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;
}
.prev-arrow {
  width: 100px;
  height: 100px;
  background: url("buttons/Metallic navig. buttons - 1.png") 0 0;
}
.next-arrow {
  width: 100px;
  height: 100px;
  background: url("buttons/Metallic navig. buttons - 1.png") -100px 0;
}
.prev-arrow:hover {
  background: url("buttons/Metallic navig. buttons - 1 - glow.png") 0 0;
}
.next-arrow:hover {
  background: url("buttons/Metallic navig. buttons - 1 - glow.png") -100px 0;
}