@import"https://use.typekit.net/uas0wxj.css";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#222;background-color:#a3e4e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#004107;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:#004107}button{border-radius:3rem;border:1px solid transparent;padding:.6em 1em;font-size:1em;margin:.2rem;font-weight:600;font-family:inherit;background-color:#004107;color:#fff;cursor:pointer;transition:border-color .25s;white-space:nowrap}button:hover{background-color:#004107;opacity:.8}button:focus,button:focus-visible{outline:none}#root{margin:0 auto;text-align:center;width:100%;--Tukivrit-Lime: #c0e300;--Pvrit-Ametisti: #96008f;--Pvrit-Lumme: #004107;--Pvrit-Mustikka: #004107;--Tukivrit-Vesi: #a3e4e8;--Tukivrit-Laventeli: #e0ccff;--Tukivrit-Varjo: #1d1d1d;--Pvrit-Valkoinen: #ffffff;--Greyscale-Vaaleanharmaa-light: #f2f2f2;--font-family: covik-sans, sans-serif;--font-family-heading: itc-benguiat, serif}p,div,button,textarea{font-family:var(--font-family)}body{margin:auto;box-sizing:border-box}html{background-image:url(/cardboard.png)}h1{font-family:var(--font-family-heading);margin:4rem auto 0rem;padding:1rem;max-width:100vw}@media(max-width:600px){h1{font-size:2rem}}.intro{max-width:750px;margin:0 auto;text-align:center;padding:0 1rem}.messageCount span{font-size:2rem;color:#004107;font-family:var(--font-family-heading)}.admin{margin-top:5rem}table{margin:auto;width:100%;max-width:1200px}td,th{border:1px solid #ffffff90;padding:.2rem .5rem}td>button{padding:.5rem;display:flex;align-items:center;justify-content:center;float:left}.declined,.approved,.declined button,.approved button{opacity:.7}.approved{background-color:#c0e30020;color:#004107}.pending{background-color:#fff;color:#004107}@media(max-width:600px){table{font-size:.8rem}}.admin{margin-top:8rem}.formContainer{position:relative;background-image:url(/sydamet_vasen.png),url(/sydamet_oikea.png);background-position:left 20%,right 20%;background-repeat:no-repeat,no-repeat;background-size:25vw,25vw;min-height:200px;width:90vw;margin:auto}@media(max-width:600px){.formContainer{background-position:left 15%,right 15%;background-repeat:no-repeat,no-repeat;background-size:40vw,40vw}}.competitionForm label{display:grid;grid-template-columns:6rem 1fr;width:100%;font-weight:600;text-align:left}.competitionForm input{padding:.25rem;font-size:1rem}.competitionForm{margin:1rem auto}textarea,input{background-color:#fff;border-radius:5px;border:0;box-sizing:border-box;width:100%;resize:none;color:#000;font-family:var(--font-family);padding:1rem;font-size:1rem;margin:auto;color-scheme:light;box-shadow:0 0 1rem #00000010}.formLabel{font-size:1.25rem;color:#004107}form,label{display:grid;gap:.5rem;grid-template-columns:1fr;font-weight:600;align-items:start;max-width:500px;margin:auto}.messageLength{text-align:left;font-size:.8rem;color:#222;margin-top:.25rem;margin-right:auto;box-sizing:border-box;width:100%;margin-left:auto}form small a{color:#004107;text-decoration:underline;font-weight:600}form small a:hover{color:#004107;font-weight:600}.competitionForm-buttons{display:flex;flex-direction:column;gap:.5rem;align-items:center}.competitionForm-buttons button{min-width:200px}.competitionForm-opt-out-button{background-color:transparent;border:1px solid #004107;color:#004107;cursor:pointer}.competitionForm-buttons button:hover{background-color:#004107;color:#fff}.w-form-done,.w-form-fail{font-weight:600}.formContainer{position:relative;background-image:url(/sydamet_vasen.png),url(/sydamet_oikea.png);background-position:left 20%,right 20%;background-repeat:no-repeat,no-repeat;background-size:25vw,25vw;min-height:200px;width:90vw;margin:auto;margin-top:5rem}.thankyouImage{width:100%;max-width:600px;margin:0 auto;display:block}.messageCount{font-size:1.25rem;font-weight:600;font-family:var(--font-family)}.messageCount .heading{font-size:2rem;color:#004107;font-family:var(--font-family-heading)}.messageSection{padding:8rem 4rem;width:100vw;margin:auto;box-sizing:border-box}.messageList{max-width:1400px;display:grid;gap:3rem;width:95%;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-template-rows:masonry;max-width:1200px;margin:0 auto}.messageList>div{padding:1rem;font-size:1rem;font-weight:600;border-radius:14px;text-align:left;background-color:#f2f2f2;color:#004107;box-shadow:0 0 1rem #00000010}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .75s ease-out,transform .75s ease-out}.fade-in-visible{opacity:1;transform:translateY(0)}.messageList P{margin:.5rem 0 0}.messageList small{font-size:.8rem;font-weight:400;color:#1d1d1d}@media(max-width:600px){.messageSection{padding:1rem}.messageList{gap:2rem}}.footer{padding:4rem 1rem 2rem;text-align:center;background-image:url(/kinokset.png);background-size:100% 100%;width:100vw;background-repeat:repeat-x;box-sizing:border-box}.footer img{height:2rem;margin:1rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;align-items:center}.footer-links{display:flex;gap:0 1.5rem;justify-content:center;flex-wrap:wrap;margin:1rem}.footer-link{color:#004107;text-decoration:underline;font-weight:500;transition:opacity .2s;line-height:1.25;margin:.25rem}.footer-link:hover{color:#004107}.footer-text{font-size:.9rem;color:#222;margin:0}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden;box-shadow:0 0 4rem inset #00000050}.snowflake{position:absolute;top:-10px;background:#fffc;border-radius:50%;animation:fall linear infinite;box-shadow:0 0 2px #ffffff80}@keyframes fall{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(50vh) translate(15px) rotate(180deg)}to{transform:translateY(100vh) translate(30px) rotate(360deg)}}.navigation{background-color:#fff;padding:.5rem 1rem;position:fixed;z-index:1001;width:100%;left:0;top:0}.navigation:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:radial-gradient(33.63px at 50% 47.5px,white 99%,transparent 101%) calc(50% - 50px) 0 / 100px 100%,radial-gradient(33.63px at 50% -22.5px,transparent 99%,white 101%) 50% 25px / 100px 100% repeat-x;transform:translateY(100%) rotate(180deg);pointer-events:none}.navigation img{height:1.75rem;float:left;padding:.5rem}