/* some colors that are okay: #247BA0 #70C1B2 #B2DBBF #F3FFBD #FF1654 */ * { margin: 0; padding: 0; line-height: 1.3em; overflow: auto; font-family: sans-serif; font-weight: normal; } h1 { font-size: 1.2rem; } h2 { font-size: 1rem; background-color: #F3FFBD; padding: 0.5rem 0.2rem; margin-bottom: 1rem; } #main, header > div { margin: 0 auto; display: flex; flex-flow: row wrap; max-width: 75rem; width: 100%; } #branding, #actions { margin: 0 1rem; } #branding { flex-grow: 1; } #branding a { text-decoration: none; color: black; } #actions { flex-grow: 0; text-align: right; } #top-bar { background-color: #B2DBBF; overflow: hidden; padding: 0.5rem; } #branding { font-size: 2em; } #sidebar { display: flex; flex-direction: column; flex-grow: 1; } .user-pic { width: 2em; height: auto; border-radius: 50%; vertical-align: middle; } .book-preview { overflow: auto; margin-bottom: 1em; } .book-preview img { float: left; margin-right: 0.5em; } .book-cover.small { width: 50px; height: auto; } #feed, #content { display: flex; flex-direction: column; flex-grow: 3; } #content > div, #feed > div, #sidebar > div { background-color: #EFEFEF; margin: 1rem auto; padding: 1rem; width: 90%; } .review-form textarea { width: 30rem; height: 10rem; } .review { margin-bottom: 1rem; } small { display: block; }