* { margin: 0; padding: 0; } body { font-family: 'Droid Serif', serif; background: #171717; color: #dfdfdf; } /* position: absolute; */ header { margin-top: 9%; width: 100%; background: #efefef; color: #171717; padding: 2em 0 0.01em; text-align: center; } header p { font-size: 3em; } .post { margin-top: 20px; color: #1f1f1f; } ul { text-align: center; } li { list-style: none; line-height: 3em; } a { color: inherit; text-decoration: none; font-size: 2em; } a:hover { text-decoration: underline; color: #fff; text-shadow: 0 0 5px white; transition: text-shadow 1s; } .button { color: #fff; } .button:hover { color:#efefef; } .center { text-align: center; } .journal { background-color: #efefef; color: #1f1f1f; margin-top: 50px; border: 1px solid #e0e0e0; box-shadow: 0 0 2px #ddd; width: 100%; padding: 15px 0 0 ; } .article { text-align: left; padding: 15px 15px 40px 15px; } .main { margin-top: 50px; text-align: center; } .black-link { font-size: 1.3em; } .black-link:hover { color: inherit; text-decoration: underline; text-shadow: 0 0 2px #1f1f1f; transition: text-shadow 1s; } .meta { color: #3f3f3f; font-size: 0.8em; text-align: right; } .journal-li { line-height: inherit; } .margin-top { margin-top: 20px; }