a {
 color: #d2c8b4;
 
}

body {
 color: #d2c8b4;
 background: transparent url("imgs/background1.png") repeat;
 background-color: transparent;
 font-family: "serif";
}

.frames_container {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 2.5% 2.5%;
 flex-direction: row;
 flex-wrap: wrap;
}

.framed_1 {
 display: block;
 border: 15px solid transparent;
 border-image: url("imgs/border1.png") 15 fill round;
 width: fit-content;
 height: fit-content;
 padding: 2.5%;
 margin: 2.5% 2.5%;
 text-align: center;
}

.framed_2 {
 display: block;
 border: 15px solid transparent;
 border-image: url("imgs/border2.png") 15 fill round;
 width: fit-content;
 height: fit-content;
 padding: 2.5%;
 margin: 2.5% 2.5%;
 text-align: center;
}

#side_index {
 display: flex;
 width: 50vh;
 height: fit-content;
 padding: 2.5%;
 margin: 2.5% 2.5%;
 text-align: center;
 align-items: center;
 flex-direction: column;
}

#page_content {
 display: block;
 border: 15px solid transparent;
 border-image: url("imgs/border2.png") 15 round;
 background: transparent url("imgs/background2.png");
 width: 200vh;
 height: 75vh;
 padding: 2.5%;
 margin: 2.5% 2.5%;
 text-align: center;
 align-items: center;
 overflow: scroll scroll;
}

#page_container {
 display: flex;
 justify-content: center;
 align-items: top;
 margin: 2.5% 2.5%;
 flex-direction: row;
 flex-wrap: nowrap;
}

td {
 white-space: nowrap;
}