@font-face { font-family: 'Iwona'; font-style: normal; font-weight: 300; font-display: swap; src: local('Iwona-Regular'), url('Iwona-Regular.otf'), format('opentype'); } body { height: 100%; max-height: 100%; font-family: "Iwona"; /* letter-spacing: 0.01rem; font-size: 1.8rem; line-height: 1.75em; margin: 0;*/ } #logo { float: left; } #nav { margin-left: 52px; margin-top: 0.5rem; } .navlink { margin: 0.3rem; } .navlink.active { background-color: aquamarine; } #topbar { display: inline-block; } /* Every post, on every page, gets this style on its
tag */ .post { /*position: relative;*/ width: 95%; max-width: 710px; margin: 1rem; margin-left:3rem; padding-bottom: 1rem; border-bottom: #000 2px solid; word-wrap: break-word; display: inline-block; } .post-title a { text-decoration: none; font-size: 1.5rem; } .post-excerpt p { font-size: 0.9em; line-height: 1.7em; margin-block-start: 0rem; margin-block-end: 0rem; } .read-more { text-decoration: none; } .post-meta { display: block; margin: 2rem 0 0 0; font-size: 1.5rem; } .post-meta a { text-decoration: none; } .post-date { display: inline-block; white-space: nowrap; margin-block-start: 0rem; margin-block-end: 0rem; } .post-date p{ margin-block-start: 0rem; margin-block-end: 0rem; } .publish-meta { position: absolute; top: 0; right: 0; padding: 4.3rem 0 4rem 0; text-align: right; } .publish-heading { display: block; font-weight: 700; } .publish-date { display: block; font-size: 1.4rem; line-height: 1.5em; } .thumb { float: left; width: 240px; } .post-short { margin-left: 250px; } .post-header h2 { font-size: 1.2rem; } .post-title { margin-block-start: 0rem; margin-block-end: 0rem; } .post-excerpt { margin-top: 0.5rem; margin-block-start: 0rem; margin-block-end: 0rem; } .gallery-photo { max-width: 100%; object-fit: fill; } #content { padding: 3em 4em; position: relative; } .full { max-width: 50rem; } .full img { width: 80%; } .full video { width: 80%; } @media screen and (max-width: 600px) { .thumb { float: none; width: 100%; margin-left: 0rem; } .post { /*position: relative;*/ width: 95%; max-width: 710px; margin: 1rem; margin-left:0rem; padding-bottom: 1rem; border-bottom: #000 2px solid; word-wrap: break-word; display: inline-block; } .post-short { margin-left: 5px; } #content { padding: 0em; position: relative; } .full img { width: 100%; } .full video { width: 100%; } .small-figure { margin: 0rem; } }