.header { font-family: "Raleway", Helvetica, Arial, sans-serif } a { color: #3b8bba; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:visited { color: #265778; } blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } .small-print { font-size: 0.8em; margin: 0.6em; } .post-meta { font-size: 80%; } article > footer { text-align: right; } .prev-next-post { margin-top: 2em; padding-top: 2em; padding-bottom: 2em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .prev-next-post .prev { float: left; text-align: left; overflow: hidden; } .prev-next-post .next { float: right; text-align: right; overflow: hidden; } #menu { overflow-y: visible; } #menu a { padding: 0.6em; } #menu .brand { font-family: Raleway, serif; font-weight: bolder; font-size: 1em; letter-spacing: 0.1em; text-transform: none; background: transparent; text-decoration: none; margin: 0.5em 0; } #menu .pure-menu { font-size: 0.9em; } #menu .pure-menu ul.pure-menu-children { border-top: none; } i { display: inline-block; margin-right: 0.2em; } .pagination { text-align: center; margin-top: 3em; } .pagination a { color: #265778; } .row { width: 100%; display: flex; flex-direction: row; vertical-align: bottom; justify-content: left; } .micro-block { width: 140px; padding: 2px; } .small-block { width: 20%; } .big-block { width: 40%; vert-align: middle; } div.note { text-align: justify; position: relative; width: fit-content; margin-left: 10%; margin-right: 10%; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #f0f7fb; background-image: url(/img/pencil-48.png); background-position: 9px 0px; background-repeat: no-repeat; border: solid 1px #3498db; border-radius: 6px; line-height: 18px; overflow: hidden; padding: 15px 55px; }