*, *:before, *:after { box-sizing: border-box; } html { background-color: #eee; } body { font-size: 1em; font-family: 'Fontin Sans'; font-kerning: normal; font-feature-settings: "kern"; font-variant-ligatures: common-ligatures; text-align: justify; max-width: 42rem; margin: -1.5rem auto; padding: 0 1rem; border: 1px solid #ccc; background-color: #fcfcfc; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } h1, h2, h3 { color: #111; } a, a:visited { text-decoration: none; color: #32609C; } a:hover { color: #339; } header { padding-top: 1.25rem; } header nav ul { font-size: 0.95em; list-style-type: none; padding: 0; } header nav ul li { display: inline; margin-right: 0.5rem; } header nav a, header nav a:visited { color: #444; } header nav a:hover { color: #000; } header h1 { font-family: 'Fontin'; font-size: 2.25em; margin: 0; } .sc { font-family: 'Fontin Sans SC'; } #content { padding-bottom: 0.5rem; color: #222; } #welcome-to-theos-kyriasis-com > p:first-of-type:first-letter { float: left; color: #903; font-size: 44px; line-height: 2rem; padding-top: 0.1em; padding-right: 0.2rem; padding-bottom: 0; font-family: 'Fontin'; } @media (max-width: 767px) { #welcome-to-theos-kyriasis-com > p:first-of-type:first-letter { padding-top: 0.2rem; padding-right: 0.2rem; font-size: 2.5rem; } } @media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) { #welcome-to-theos-kyriasis-com > p:first-of-type:first-letter { font-size: 44px; padding-top: 0.3rem; } } #user-pages h1 { margin: 0 0 -0.5rem 0; } #user-pages ul { list-style-type: none; padding: 0 0 0 0.5rem; } #user-pages ul li { padding-bottom: 0.25rem; } p#last-upd { font-family: 'Fontin Sans SC'; font-size: 13px; text-align: right; margin: 0; } p#author { font-size: 14px; text-align: right; margin: 0; } .botborder { border-bottom: 0.15rem; border-bottom-style: dotted; border-bottom-color: #bbb; padding-bottom: 0.5rem; } footer p { color: #333; margin-bottom: 1rem 0; } @font-face { font-family: 'Fontin'; font-style: normal; font-weight: 700; src: local('Fontin'), url('https://theos.kyriasis.com/fonts/Fontin-Bold.ttf') format('truetype'); } @font-face { font-family: 'Fontin Sans'; font-style: normal; font-weight: 400; src: local('Fontin Sans'), local('FontinSans'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_R_45b.otf') format('opentype'); } @font-face { font-family: 'Fontin Sans'; font-style: italic; font-weight: 400; src: local('Fontin Sans Italic'), local('FontinSans-Italic'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_I_45b.otf') format('opentype'); } @font-face { font-family: 'Fontin Sans'; font-style: normal; font-weight: 700; src: local('Fontin Sans Bold'), local('FontinSans-Bold'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_B_45b.otf') format('opentype'); } @font-face { font-family: 'Fontin Sans SC'; font-style: normal; font-weight: 400; src: local('Fontin Sans Small Caps'), local('FontinSans-SC'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_SC_45b.otf') format('opentype'); }