@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700); *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { background-color: #eee; } body { max-width: 42rem; margin: -1.5rem auto; padding-left: 1rem; padding-right: 1rem; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; background-color: #fcfcfc; font-family: 'PT Sans'; font-size: 16px; -moz-hyphens: auto; -webkit-hyphens: auto; } header nav { padding-top: 2.25rem; } header nav ul { font-family: 'DejaVu Sans Mono'; font-size: 0.9rem; list-style-type: none; padding: 0; margin: 0; } header nav ul li { margin-right: 0.5rem; display: inline; } header nav a, header nav a:visited { text-decoration: none; color: #444; } header nav a:hover { color: #111; } header h1 { font-size: 1.6rem; } .post, #about { margin-bottom: 1rem; border-bottom: 0.15rem; border-bottom-style: dotted; border-bottom-color: #bbb; } .post .title { font-size: 1.4rem; margin-top: 0; margin-bottom: 0.3rem; } .post .info { font-size: 0.9rem; color: #505050; margin-bottom: -0.4rem; } .post > p:first-of-type:first-letter { float: left; color: #903; font-size: 3rem; line-height: 2rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-left: 0.1rem; font-family: 'Georgia'; } @media (max-width: 767px) { .post > p:first-of-type:first-letter { padding-top: 0.3rem; padding-right: 0.2rem; font-size: 2.7rem; } } #about p#last-upd { font-size: 14px; text-align: right; margin: 0; } #about p#author { font-size: 14px; text-align: right; margin: 0 0 1rem 0; } footer { font-size: 16px; display: flex; align-content: flex-start; } footer p { flex: 1; margin-top: 0; padding-top: 0; } footer #emblem { flex: 1; flex-basis: 55px; flex-grow: 0; margin-top: 0.2rem; margin-bottom: 0.6rem; }