.coolText1{color:#238;text-shadow:0 0 5px #6b5}.coolText2{color:#a23;text-shadow:0 0 5px #901}html,body{width:100%;height:100%;margin:0 auto;overflow:hidden}body{padding:0 20px;font-family:Courier New,monospace;line-height:1.6}.app{flex-direction:column;height:100vh;display:flex}.header{border-bottom:1px solid #ddd;flex:none;justify-content:center;align-items:center;height:50px;display:flex}.main{flex:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid #ddd;width:10%;padding:10px}.content{text-align:justify;flex:1;padding:100px;overflow-y:auto}.postHeader{padding:0 0 20px}.postFooter{flex-direction:row;padding:20px 0 0;display:flex}.postFooterNextPost,.postFooterPreviousPost{flex:1}.footer{border-top:1px solid #ddd;flex:none;justify-content:center;align-items:center;height:50px;display:flex}