.all {width: 100%; height: 100%;}
.inner{ display:flex; flex-direction: column; gap: 30px; overflow-y: auto; align-items: end; translate: -5px;} 
.left, .right{width: 50% !important;}
.left {order: 1;}
.right {order: 2;}
body {background: white; font-family: helvetica neue, sans-serif; font-weight: 350; text-transform: lowercase;}

p, a {color: grey !important; text-decoration: none !important; font-size: .8em !important;}
a {font-weight: 600 !important;}
a:hover {font-style: italic; color: #bbb !important;}
.outer {height: 500px; width:500px; margin:auto; border: 1px solid grey; background-image: url(/photos/sugarless_jj.jpg); background-repeat: no-repeat; background-size: contain; margin-top: 50px; padding: 10px;}
.pages {border: 1px solid grey !important; box-shadow: 0 0 4px lightgrey; padding: 10px; text-align: center; color: grey;}
.content {max-height: 400px; overflow: scroll;}

::-webkit-scrollbar {height: 0 !important; width: 0 !important;}