:root{--body:#eee;--text:#222;--border:#7c7c7c;--shadow:#2223;--nav-bg:#333;--nav-link:#aaa;--nav-link-current:#fff}body{background-color:var(--body);color:var(--text);margin:0;padding:0;font-family:Noto Sans,sans-serif;font-size:1.2rem}@media screen and (max-width:400px){body{font-size:1rem}}h1,h2,h3,h4{text-align:center;font-family:Montserrat,sans-serif;font-weight:400}p{line-height:1.5}nav:not(.front-page-menu){--bar-height:50px;background-color:var(--nav-bg);width:calc(100% - 2rem);height:var(--bar-height);z-index:3;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding-left:1rem;padding-right:1rem;transition:height .35s;display:flex;position:fixed;top:0;overflow:hidden}nav:not(.front-page-menu)>.items{height:var(--bar-height);flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}nav:not(.front-page-menu)>.items>a{color:var(--nav-link);text-transform:uppercase;padding:.25rem;font-family:Archivo,sans-serif;font-size:.65em;text-decoration:none;transition:color .1s}nav:not(.front-page-menu)>.items>a.current{color:var(--nav-link-current)}nav:not(.front-page-menu)>.items>a:hover{color:var(--nav-link-current);text-decoration:underline}nav:not(.front-page-menu) h1{color:var(--nav-link);text-align:left;min-width:max-content;margin:0;font-size:.8em}nav:not(.front-page-menu)>.controls{height:var(--bar-height);min-height:var(--bar-height);flex-direction:row;justify-content:space-between;align-items:center;display:none}nav:not(.front-page-menu)>.controls>h1{display:none}nav:not(.front-page-menu)>.controls>button{--tick-size:4.3px;justify-content:center;align-items:center;gap:var(--tick-size);width:calc(var(--tick-size)*5);height:calc(var(--tick-size)*5);background-color:#0000;border:none;flex-direction:column;display:flex}nav:not(.front-page-menu)>.controls>button>span{background-color:var(--nav-link);height:var(--tick-size);width:calc(var(--tick-size)*5);border-radius:2px;transition:background-color .1s,opacity .1s,transform .2s;display:block}nav:not(.front-page-menu)>.controls>button:hover>span{background-color:var(--nav-link-current)}@media screen and (max-width:400px){nav:not(.front-page-menu)>.controls>button{--tick-size:3.67px}}nav:not(.front-page-menu).open>.controls>button>span:first-child{transform:translateY(calc(var(--tick-size)*1.9))rotate(45deg)}nav:not(.front-page-menu).open>.controls>button>span:nth-child(2){transform:rotate(-45deg)}nav:not(.front-page-menu).open>.controls>button>span:last-child{opacity:0}@media screen and (max-width:1100px){nav:not(.front-page-menu)>h1{font-size:.65em}nav:not(.front-page-menu) h1{min-width:initial}}@media screen and (max-width:920px){nav:not(.front-page-menu){justify-content:initial;align-items:initial;flex-direction:column}nav:not(.front-page-menu)>h1{display:none}nav:not(.front-page-menu)>.controls{display:flex}nav:not(.front-page-menu)>.controls>h1{display:initial}nav:not(.front-page-menu)>.items{flex-direction:column;align-items:start;height:auto}nav:not(.front-page-menu)>.items>a{width:100%;font-size:.8em}nav:not(.front-page-menu).open{height:100%}}div.front-page-menu-container{flex-direction:column;align-items:center;margin-top:5rem;display:flex}nav.front-page-menu{flex-direction:column;align-items:stretch;gap:1rem;display:flex}nav.front-page-menu>a{background-color:var(--body);color:var(--text);border:2px solid var(--border);border-radius:.25rem;padding:.6rem 1.2rem;font-family:Noto Sans,sans-serif;font-size:1.1rem;text-decoration:none;transition:background-color .1s,color .1s,border-color .1s,transform .1s}nav.front-page-menu>a:hover{border-color:var(--text);background-color:var(--text);color:var(--body);box-shadow:0px 3px 3px var(--shadow);cursor:pointer}.juha-image-container{max-width:100%}.metsa-image,.kasi-image{object-position:top}.kirja-image{max-width:80%;max-height:40rem}@media screen and (max-width:1150px){.kukka-image{margin-top:auto}.metsa-image,.hevoset-image,.kirjoituskone-image{margin-top:auto;margin-left:auto}}article,aside{width:min(90%,70ch);padding:1rem}aside{flex-direction:column;justify-content:center;align-items:center;padding-left:0;display:flex}aside figure{flex-direction:column;align-items:center;display:flex}aside figure figcaption{width:fit-content}address{font-style:inherit}div.content{flex-direction:column;justify-content:center;align-items:center;display:flex}div.nav-break{height:4rem}div.sidey-sidey{flex-direction:row;justify-content:center;align-items:start;gap:.5rem;display:flex}div.sidey-sidey>article{width:min(45%,65ch)}div.sidey-sidey.juha>article{width:min(30%,45ch)}div.sidey-sidey>aside{align-items:start;width:min(35%,55ch)}@media screen and (max-width:1000px){div.sidey-sidey{flex-direction:column;align-items:center}div.sidey-sidey.kirja{flex-direction:column-reverse}div.sidey-sidey>article,div.sidey-sidey>aside,div.sidey-sidey.juha>article{width:min(90%,70ch)}div.sidey-sidey>aside{align-items:center}}div.center{flex-direction:column;align-items:center;display:flex}img{max-width:100%}table tr th{text-align:start;vertical-align:top;padding-top:.25em;font-weight:400}table tr td{padding-top:.25em;padding-left:1em}ul>li{margin-bottom:1rem}span.nobreak{white-space:nowrap}blockquote:before{content:open-quote;z-index:0;opacity:.25;margin-top:-3rem;margin-left:-3.5rem;font-family:Faustina,sans-serif;font-size:10rem;position:absolute}div.cover{--max-cover-height:500px;--min-cover-height:100px;background-color:var(--body);width:100%;height:var(--max-cover-height);z-index:1;transition:height .25s;position:fixed;top:3rem;overflow:hidden}div.cover h1{--max-font-size:2.5em;--min-font-size:1.5em;z-index:1;width:100%;transform:translateY(calc(var(--max-cover-height)/2 - var(--max-font-size)/2));text-align:center;font-weight:400;font-size:var(--max-font-size);color:var(--body);text-shadow:0px 2px 5px var(--text);transition:transform .25s,font-size .25s,color .25s,text-shadow .25s;position:absolute}div.cover img{object-fit:cover;width:100%;max-width:none;height:100%;transition:opacity .25s}div.cover~span.cover-padding{height:35rem;transition:height .25s}div.cover~div.cover-bg{margin-top:6rem;margin-bottom:6rem;transition:margin .25s}div.cover{animation-name:collapse-cover;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:var(--scroll-anim-frame)}div.cover img{animation-name:hide-img;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:var(--scroll-anim-frame)}div.cover h1{animation-name:resize-h1;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:var(--scroll-anim-frame)}div.cover~span.anti-cover-padding{animation-name:resize-anti-padding;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:var(--scroll-anim-frame)}div.cover~div.cover-bg{animation-name:resize-cover-bg;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:var(--scroll-anim-frame)}@media screen and (max-width:1000px){div.cover{--max-cover-height:400px}div.cover h1{--max-font-size:1.6em}div.cover~span.cover-padding{height:25rem;transition:height .25s}}@keyframes collapse-cover{to{height:var(--min-cover-height)}}@keyframes hide-img{to{opacity:0}}@keyframes resize-h1{to{transform:translateY(calc(var(--min-cover-height)/2 - var(--min-font-size)/1.25));font-size:var(--min-font-size);color:var(--text);text-shadow:0 2px #0000}}@keyframes resize-anti-padding{to{height:var(--max-cover-height)}}@keyframes resize-cover-bg{to{margin-top:var(--max-cover-height)}}div.cover-bg{background-color:var(--body);flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex}footer{flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.image-author{text-align:right;width:100%;font-size:.8em;font-style:italic}.only-on-frontpage{display:none}body.index div.cover h1{transform:translateY(20px)}body.index .only-on-frontpage{text-align:center;display:initial}.align-cite-with-blockquote{margin-left:40px}