@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Rye&family=Source+Sans+3:wght@400;500;600;700&display=swap";.FrontPage{flex-direction:column;width:100%;min-height:100vh}.FrontPage .intro{background-color:var(--color-primary);padding:20px}.FrontPage .intro img{max-width:1000px;margin:auto;display:block}.FrontPage footer{margin-top:auto}*{box-sizing:border-box}html,body{--color-primary:#095d6c;--color-primary-dark:#063f49;--color-primary-light:#247383;--color-accent:#faee4c;--color-accent-light:#ecf38b;--color-cyan:#4293a4;--color-cyan-light:#6ab6c6;--color-background:#fff;--color-background-alt:#e8f4f6;--color-background-warm:#f5f8e9;--color-text:#063f49;--color-text-light:#fff;--font-display:"Rye", serif;--font-heading:"Cormorant Garamond", serif;--font-body:"Source Sans 3", sans-serif;font-family:var(--font-body);background-color:var(--color-background-alt);margin:0;padding:0}div{flex-direction:column;display:flex}.Layout{flex-direction:column;width:100%;min-height:100vh}h1{font-family:var(--font-display)}h2,h3{font-family:var(--font-heading)}a{color:inherit;text-decoration:none}.intro{background-color:var(--color-primary);padding:20px}.intro img{max-width:1000px;margin:auto;display:block}.page{flex-direction:column;width:100%;padding-bottom:3em}.page .content{flex-direction:column;max-width:800px;margin:auto}.page{background-color:var(--color-background-alt)}:is(footer,header) .content{flex-direction:row;justify-content:space-between;align-items:center;max-width:800px;margin:auto}header{background-color:var(--color-primary);padding:20px}header .content{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:auto}header .content .logo{width:300px}header .content .links{text-transform:uppercase;letter-spacing:.035em;color:#fff;flex-direction:row;gap:15px;font-size:14pt;font-weight:600}footer{background-color:var(--color-primary-dark);color:#fff}footer .content{flex-direction:row;justify-content:space-between;align-items:center;max-width:700px;margin:auto;padding:1em}footer h2{margin:0 0 .25em}footer p{margin:0}footer p b{font-weight:600}footer .logo{filter:brightness(0)invert();width:200px;height:auto;margin-bottom:15px}footer .right{text-align:center;flex-direction:column}.ribbon{width:100%;height:30px;margin-bottom:10px;padding-top:36px;-webkit-mask-image:url(/kataja_oksat.svg);mask-image:url(/kataja_oksat.svg);-webkit-mask-position:-10px;mask-position:-10px;-webkit-mask-size:auto 20px;mask-size:auto 20px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.ribbon.white{background-color:#fff}