/* Theme Name: ZERRO Version: 0.2 Description: Personal theme Author: Pavel Kuleshov Author URI: https://3err0.ru */ html, body { background: #fafafa; } body { line-height: 1.5; } h1 { font-size: 1.7em; font-weight: normal; line-height: 1.2em; margin-top: 0; } a { color: rgb(39, 110, 242); text-decoration: none; } a:hover { text-decoration: underline; } .content { background-color: white; border-radius: 2px; box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14); box-sizing: border-box; color: black; line-height: 1.5; margin: 5.5em auto 0; max-width: 640px; padding: 30px 35px 30px 37px; width: 100%; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 75%; } .content:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .content > span { display: block; } .content p:last-child { margin-bottom: 4px; } @media (max-width: 700px) { body { margin: 1em 2em 2em; } } @media (max-width: 400px) { body { margin: 3em 1.5em 2em; } } @media (max-height: 480px) and (max-width: 400px) { .content { margin: auto; } } .content > span { max-width: 416px; } .avatar { -webkit-margin-after: 10px; -webkit-margin-before: 4px; -webkit-margin-start: 25px; content: -webkit-image-set(url('https://proxy.3err0.ru/me.png') 1x); float: right; height: 128px; width: 128px; border-radius: 50%; } html[dir='rtl'] .icon { float: left; } @media (max-width: 400px) { .icon { -webkit-margin-start: 15px; height: 96px; width: 96px; } } .footer{ box-sizing: border-box; color: gray; margin: 0.5em auto 0; max-width: 640px; padding: 5px 35px 5px 35px; width: 100%; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 75%; }