#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;
}

.page
{
  position:relative;
 	top:-99%;
  border:solid 1px black;
  width:51.25%;
  height:97.5%;
  background:beige;
  box-shadow:0px 5px 10px;
}

#pageLeft
{
  margin-left:2.5%;
}

#pageRight
{
  margin-right:2.5%;
}

.pageInner
{
  margin:5px;
  width: 93%;
  height:97%;
  border: 1px solid black;
  border-radius:5px;
  display:flex;
  flex-direction:column;
  align-items:center;
}



#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;
}

.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%;
}

#loadButton
{
  margin:10px;
}