#wrapper {
  display:flex;
  flex-direction:column;
  align-items:center;
}
#book {
  width: 400px;
  height: 400px;
}
#backing,
#contents {
  display:flex;
  height:100%;
  width:100%;
}
#bookBackLeft,
#bookBackRight{
  width: 50%;
  height: 100%;
  border:solid 1px black;
  background:maroon;
}
#spine {
  width:7.5%;
  height:100%;
  border:solid 1px black;
  background:maroon;
}
#pageLeft {
  margin-left:2.5%;
}
#pageRight {
  margin-right:2.5%;
}
#newAddressEntry {
  margin:5.25%;
  height:10.5%;
  width:22.6%;
  border:1px solid black;
  border-radius:50%;
  background:lightgrey;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/9e/Plus_symbol.svg);
  background-size:50px;
  background-repeat: no-repeat;
  background-position: center;
}
#newAddressEntry:hover {
  background:darkgrey;
  background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/9e/Plus_symbol.svg);
  background-size:50px;
  background-repeat: no-repeat;
  background-position: center;
}
#loadButton {
  margin:10px;
}

.page {
  position:relative;
 	top:-99%;
  border:solid 1px black;
  width:51.25%;
  height:97.5%;
  background:beige;
  box-shadow:0px 5px 10px;
}
.pageInner {
  margin:5px;
  width: 93%;
  height:97%;
  border: 1px solid black;
  border-radius:5px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.address {
  height:33%;
  border:1px solid black;
  width:100%;
  display:flex;
  flex-direction:column;
}
.addrRow {
  display:flex;
  flex-direction:row;
  width:100%;
  align-items:center;
  justify-content:center;
}
.addrInput {
  height:30%;
  width:50%;
}