.posts-container { max-width:760px; } .bd-gutter { --bs-gutter-x: 3rem; } .page, .post { margin-bottom:4rem; } .post.single { padding: 0 1rem; } .post-footer { margin: 1rem 0 4rem; } .page-title, .post-title, .post-title a { color:var(--bs-emphasis-color) } .post-date { display:block; margin-top:-.5rem; margin-bottom:1rem; color:#767676; } .post a { word-break:break-word } .post li { margin-bottom:.25rem } .post h2, .post .h2 { margin-top:1.5rem; font-size:calc(1.3rem + .6vw) } @media (min-width: 1200px) { .post h2, .post .h2 { font-size:1.75rem } } .post h3, .post .h3 { margin-top:1.5rem } .post>h1, .post>.h1, .post>h2, .post>.h2, .post>h3, .post>.h3, .post>h4, .post>.h4 { color:var(--bs-emphasis-color) } #pico-container canvas { height: 600px; width: 600px; } .img-fluid { max-height: 400px !important; } .nodeLabel { color: #efefef !important; } @font-face { font-family: 'Lobster'; font-style: normal; font-weight: normal; src: local('Lobster'), url('/fonts/Lobster-Cyrillic-Regular.woff') format('woff'), url('/fonts/Lobster-Cyrillic-Regular.woff2') format('woff2'), url('/fonts/Lobster-Cyrillic-Regular.eot') format('eot'), url('/fonts/Lobster-Cyrillic-Regular.ttf') format('ttf'), url('/fonts/Lobster-Cyrillic-Regular.otf') format('otf') ; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/opensanslight.woff2') format('woff2'), url('/fonts/opensanslight.woff') format('woff'), url('/fonts/opensanslight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/fonts/opensanslightitalic.woff2') format('woff2'), url('/fonts/opensanslightitalic.woff') format('woff'), url('/fonts/opensanslightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans'), local('OpenSans'), url('/fonts/opensans.woff2') format('woff2'), url('/fonts/opensans.woff') format('woff'), url('/fonts/opensans.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/opensansitalic.woff2') format('woff2'), url('/fonts/opensansitalic.woff') format('woff'), url('/fonts/opensansitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/fonts/opensanssemibold.woff2') format('woff2'), url('/fonts/opensanssemibold.woff') format('woff'), url('/fonts/opensanssemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/fonts/opensanssemibolditalic.woff2') format('woff2'), url('/fonts/opensanssemibolditalic.woff') format('woff'), url('/fonts/opensanssemibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/opensansbold.woff2') format('woff2'), url('/fonts/opensansbold.woff') format('woff'), url('/fonts/opensansbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/fonts/opensansbolditalic.woff2') format('woff2'), url('/fonts/opensansbolditalic.woff') format('woff'), url('/fonts/opensansbolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/fonts/opensansextrabold.woff2') format('woff2'), url('/fonts/opensansextrabold.woff') format('woff'), url('/fonts/opensansextrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/fonts/opensansextrabolditalic.woff2') format('woff2'), url('/fonts/opensansextrabolditalic.woff') format('woff'), url('/fonts/opensansextrabolditalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } .navbar-brand { font-family: 'Lobster'; font-size: 1.5em; text-shadow: 1px 1px 2px #eee !important; } h1.post-title { font-family: 'Lobster'; text-shadow: 1px 1px 2px #333; } .sidebar { padding-bottom: 4rem; } .truncated { margin-bottom: 1rem; } .navbar-filler { height: 64px; width: 100%; margin-bottom: 1rem; }