.lyphe-says { text-align: left; min-width: 20%; max-height: 128px; border: 3px inset black; padding: 10px; background-image: url("/static/snow.gif"); } .lyphe-says > img { height: 100px; float: left; margin-right: 10px; } .lyphe-says > h5, p { color: black; word-break: break-word; } .lyphe-says > h5 { padding: 0; margin: 0; line-height: 2em; } .ask { text-align: left; width: 85%; } .lyphe { display: flex; flex-direction: row; width: 85%; color: white; text-decoration: none; } .lyphe > * { margin-top: auto; margin-bottom: 1rem; } .lyphe-text { vertical-align: bottom; display: inline; } .lyphe-text > h2 { display: inline; } .lyphe-icon { height: 120px; margin-right: 20px; } .announcement-area { background-image: url("/static/img/darkened_paper.jpg"); width: 100%; } .pagegradient { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 50px), linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 30px), linear-gradient(to left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 30px); margin: 0; min-height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; } .announcement-content { width: 70%; min-height: 120px; background-image: url("/static/img/paper.jpg"); margin: 50px 90px; padding: 20px; text-align: left; box-shadow: rgba(0,0,0,0.3) 0 0 10px; color: black; } @media screen and (max-width: 800px) { .announcement-content { width: 100%; margin: 20px 0; padding: 20px 0; text-align: center; } } .pagecontent { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 50px); margin: 0; min-height: 100vh; width: 100%; } .announcement-date { color: #454545; font-weight: lighter; } .announcement-author { color: #454545; font-weight: lighter; } .announcement-body { margin-top: 30px; font-weight: normal; }