:root{--fgmain-def:oklch(1 0.0112 89.72);--bgmain-def:oklch(0.36 0.0319 277.9);--fgsecondary-def:oklch(0.91 0.12 101);--bgsearch-def:oklch(0.9602 0.0964 101.49);--bgsecondary-def:oklch(0.4 0.014 220);--bgsecondaryhl-def:oklch(0.4788 0.0196 191.87);--highlight-def:oklch(0.645 0.1621 26.6);--fgmain:var(--fgmain-def);--bgmain:var(--bgmain-def);--fgsecondary:var(--fgsecondary-def);--bgsearch:var(--bgsearch-def);--bgsecondary:var(--bgsecondary-def);--bgsecondaryhl:var(--bgsecondaryhl-def);--highlight:var(--highlight-def);--n2:0em;--n3:1;--n5:0em;--n7:0em}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:var(--fgmain);background-color:var(--bgmain)}a{color:var(--fgsecondary);&:hover { text-decoration:underline; }}h1{color:var(--highlight)}h2{color:var(--highlight);& + p { margin-top: -1.5rem; } & + ul { margin-top: -1.5rem; } & + li { margin-top: -1.5rem; }}h3{color:var(--highlight);margin-bottom:0;& + p { margin-top: 0.5rem; } & + ul { margin-top: 0.5rem; }}p+h3{margin-top:2rem}div.poezie{margin-top:.5rem;margin-bottom:5rem;& p:first-child { margin-top: 0.5rem; }}.small-text{font-size:small}.aside{font-style:italic;text-align:right;& p { font-style: normal; font-size: 90%; margin-top: -1rem; margin-bottom: 2rem; }}address{text-align:center}figcaption{& h4 { margin-top: 0.3rem; } & p { margin-top: -0.3rem; font-style: italic; }}table{border:none;caption-side:bottom}caption{margin-top:-3.5rem}details>summary{list-style-type:"＋"}details[open]>summary{list-style-type:"－"}details summary h3,details summary h2{display:inline}p:has(+ul){margin-bottom:0}p+ul{margin-top:0}body{min-height:100vh;font-family:Perpetua,Baskerville,serif;font-size:12pt;display:grid;justify-content:space-around;grid-template-columns:minmax(10rem,15rem)minmax(25rem,45rem)minmax(7rem,13rem);grid-template-rows:2rem 1fr 5rem;gap:0 1rem;grid-template-areas:". . ." "nav content logo" "nav footer logo";& > header { grid-area: nav; } & > main { grid-area: content; } & > .nav-home { grid-area: logo; } & > footer { grid-area: footer; }}main{font-size:15pt;line-height:1.5}@media(width <= 48rem){body{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);grid-template-areas:"nav" "content" "logo" "footer";& > main { min-width: 0; }}}.columns-nav-list{padding:0;& .column-nav { list-style-type: none; margin: .3rem; padding: 0; display: inline-block; float: left; &:nth-child(2n) { --n2: -.5em; } &:nth-child(3n) { --n3: 1.5; } &:nth-child(5n) { --n5: .7em; } &:nth-child(7n) { --n7: -.9em; } & a { display: block; margin: 0; padding: 1rem; border: thin solid var(--fgsecondary); min-height: calc(2em + var(--n3) * (1em + var(--n2) + var(--n5) + var(--n7))); .date { font-size: 10pt; display: block; text-align: right; } } }}.date-column{text-align:right;font-size:.8em;font-style:italic}.column-footer-button{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between}.kisten-button{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;& div { margin-right: 5px; }}#button-layout{margin-top:40px;& div { background-color: var(--bgsecondary); padding: 0.5rem; border-radius: 4px; & a:hover { text-decoration: none; } &:hover { background-color: var(--bgsecondaryhl); } }}.headpar{font-weight:700}nav{& li { list-style-type: none; } & ul { padding: 0; } & a { text-decoration: none; } --fgsecondary: oklch(from var(--fgsecondary-def) calc(l * 1) calc(c * 0.6) h)}.nav-pages{& a { text-decoration: none; } & li:not(.active):not(.ancestor) .nav-nested { display: none; } & .nav-toplevel { & > .active, & > .ancestor { margin-bottom: .75rem; } & .active > a, & .ancestor > a { font-weight: bold; } & > li { margin-top: .8rem; & > a { padding: 1rem; display: block; text-align: center; background-color: var(--bgsecondary); border-radius: 5px; border-style: solid; border-width: thin; border-color: oklch(from var(--fgsecondary) calc(l * 0.8) calc(c * 0.6) h); &:hover { background-color: var(--bgsecondaryhl); } } } & > li:first-child { margin-bottom: 5rem; } }}.nav-nested li{margin-top:.8rem}.nav-nested .nav-nested li{margin-left:.8rem}.nav-flags li{display:inline;margin:.1em;font-size:200%}#google-search{margin-top:5rem;& input[type=search] { background-color: var(--bgsearch); border: solid thin black; } & input[type=submit] { background-color: var(--bgsecondary); color: var(--fgsecondary); border: solid 4px var(--bgsecondary); border-radius: 5px; &:hover { background-color: var(--bgsecondaryhl); } }}#home-button img{width:100%;aspect-ratio:1/1}.float-right{float:right}.float-left{float:left}address{font-style:normal}#upBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:none;background-color:var(--fgsecondary);color:var(--bgsecondary);cursor:pointer;padding:15px 20px;border-radius:4px;text-decoration:none;font-weight:bolder;font-width:100%;&:hover { background-color:var(--bgsecondary); color:var(--fgsecondary); } &.show { display:block; }}