/*! "Siihen päätökseen olen tullut, että kaikki juominen, yksin vedenkin, on vahingollista. Poikkeuksen tekee vain kahvi."
 * - Minna Canth */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0 none;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,::before,::after{box-sizing:border-box}button{-webkit-appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}@font-face{font-family:"Platypi";src:url(typefaces/Platypi-VariableFont_wght.ttf)}html{font-family:"Platypi","Noto Serif Regular","Arial",system-ui}h1{font-weight:700;font-size:3em}h2{font-weight:500;font-size:2em}:root{--primary-light-brown: rgb(255, 193, 160);--primary-dark-brown: rgb(55, 39, 27);--main-bg-color: light-dark(#fdc, var(--primary-dark-brown));--main-fg-color: light-dark(var(--primary-dark-brown), var(--primary-light-brown));--header-bg-color: color-mix(in srgb, var(--main-bg-color) 90%, var(--main-fg-color));--box-shadow-color: rgba(0, 0, 0, 0.4);--a-visited-color: color-mix(in srgb, var(--main-fg-color), rgb(155, 69, 155) 50%);--a-visited-text-decoration-color: color-mix(in srgb, var(--main-fg-color), rgb(155, 69, 155) 50%);--seuranta-join-color: light-dark(rgb(0, 255, 255), rgb(34, 0, 255));--seuranta-join-visited-color: light-dark(rgb(255, 128, 192), rgb(169, 34, 163));--coffee-button-background: oklch(85% 0.16 var(--coffee-button-hue));--coffee-button-bg-dark: oklch(55% 0.13 var(--coffee-button-hue));--coffee-button-bg-after: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1));--coffee-button-hue: 45;--coffee-button-text-shadow-color: #fff4;--coffee-button-bottom-glow: radial-gradient(farthest-corner at bottom center, rgba(255, 255, 255, 0.4), transparent)}:root{color-scheme:light dark}:root:has(input[name=color-scheme][value="light dark"]:checked) *{color-scheme:light dark}:root:has(input[name=color-scheme][value=light]:checked) *{color-scheme:light}:root:has(input[name=color-scheme][value=dark]:checked) *{color-scheme:dark}header{color:#fed;background:linear-gradient(to bottom, #432 50%, #221a11 50%, #432);border-bottom:1px solid color-mix(in srgb, var(--main-fg-color) 60%, var(--main-bg-color));box-shadow:0 0 .3em .3em rgba(0,0,0,.3);padding:1em;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1em;width:100%}header h1.display{text-align:left;text-box-edge:ex alphabetic}header a:has(img){height:3em}header img{height:3em;width:auto;filter:drop-shadow(0px 4px 4px var(--box-shadow-color))}header .titlebox{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:.5em}header menu#lang-selection{display:flex;flex-direction:row}header menu#lang-selection a{background:linear-gradient(to bottom, #fff 50%, #d3d3d3 50%, #fff);color:#432;text-decoration-line:none;padding:.1em .4em .4em;border-top:1px solid #888;border-left:1px solid #888;border-bottom:1px solid #888}header menu#lang-selection a:first-child{border-top-left-radius:.3em;border-bottom-left-radius:.3em}header menu#lang-selection a:last-child{border-right:1px solid #888;border-top-right-radius:.3em;border-bottom-right-radius:.3em}header menu#lang-selection a.lang-selected{color:#fff;background:linear-gradient(to bottom, #36f 50%, #24d 50%, #36f);border-bottom-color:#aaa}html,body{width:100%;min-height:100dvh}footer{width:100%;overflow:hidden;margin-top:auto;display:flex;background-color:light-dark(#fac9b1, #643);border-top:1px solid color-mix(in srgb, var(--main-fg-color) 60%, var(--main-bg-color));flex-direction:column;flex-wrap:wrap;justify-content:center;align-content:center;gap:1em;padding:.5em}footer dl{text-align:left;justify-content:center;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:5em;row-gap:1em;line-height:1.5rem}footer dl dt{font-size:1.25rem}footer div{margin:16px}body{color:var(--main-fg-color);background-color:var(--main-bg-color);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.container{display:flex;flex-direction:column;align-items:center;text-align:center}#seuranta-container{padding:.5em 1em;color:var(--main-bg-color);background-color:var(--main-fg-color);border:1px solid #222;border-radius:7px;box-shadow:0 4px 4px var(--box-shadow-color)}#seuranta-container:not(:has(#seuranta-list>li)){display:none}#seuranta-container #seuranta-list li{font-size:1.5em;line-height:1.4;text-align:center;list-style:"☕ " inside}#seuranta-container #seuranta-join{color:var(--seuranta-join-color);margin-top:auto;margin-bottom:.5em}#seuranta-container #seuranta-join:visited{color:var(--seuranta-join-visited-color)}#coffee-image{border:1px solid #222;border-radius:7px;box-shadow:0 4px 4px var(--box-shadow-color);max-width:min(98dvw,1000px)}#coffee-button{background:var(--coffee-button-bottom-glow),linear-gradient(to bottom, var(--coffee-button-bg-dark), var(--coffee-button-background));box-shadow:0 4px 4px var(--box-shadow-color);border-radius:6px;cursor:pointer;margin:1ex 1ex;padding:1ex 1em;position:relative;text-shadow:0 2px .1em var(--coffee-button-text-shadow-color);transition:all 300ms;color:#342b22;font-family:"Platypi",sans-serif;font-weight:700;font-size:1.5em}#coffee-button::after{content:"";position:absolute;top:2px;left:2px;width:calc(100% - 4px);height:40%;background:var(--coffee-button-bg-after);border-radius:4px;transition:background 400ms}a:visited{color:var(--a-visited-color);text-decoration-color:var(--a-visited-text-decoration-color)}a.external::after{content:"🔗";display:inline-block;width:.8em;height:.8em;margin-left:.25em}.content{display:flex;flex-direction:column;gap:1em;padding:2em .5em}.flexrow{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;justify-content:center;align-items:center}@media all and (min-width: 800px){.flexrow{display:flex;flex-direction:row;gap:1em}}@media (width <= 720px){header{padding:.5em 1em;display:flex;gap:1em}header .titlebox{column-gap:1em}header h1.display{font-size:2em}.content{padding:1em .25em}}