body{image-rendering: pixelated}
.p{text-align:justify}
.char{text-justify:inter-ideograph}

a:link{color:#e9a773;text-decoration:none}
a:visited{color:#e5b38d;text-decoration:none}
a:hover{color:#e9a773;text-decoration:none}
a:active{color:#e9a773;text-decoration:none}

.brown-one{color:#1f0b08}.brown-two{color:#32120d}.brown-three{color:#602c12}.brown-four{color:#6c3215}.dark-pink{color:#a83169}.light-pink{color:#d9579c}.dark-blue{color:#3f3f74}.light-blue{color:#60609a}.dark-yellow{color:#f4b10c}.light-yellow{color:#ffd160}.chyle-one{color:#e9a773}.chyle-two{color:#e5b38d}.chyle-three{color:#eec39a}.chyle-four{color:#e8d4c1}
.cambria{font-family:"Cambria",serif;font-weight:400;font-style:normal}

.column{float:left}
.column.side{width:25%}
.column.middle{width:50%}@media screen and (max-width:600px)
{.column.side,.column.middle{width:100%}}
.column.50p{width: 50%}

.box{width:300px;height:1550px;padding:10px;border:5px solid #602c12;margin:30;background-color:#1f0b08}
div.scroll-container{color:#E5B38D;overflow:auto;white-space:nowrap;padding:10px;} iv.scroll-container img{padding:10px;}


* {scrollbar-width: auto;scrollbar-color: #6c3215 #1f0b08;}