@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Sedgwick+Ave+Display&display=swap";:root{--color-primary:#4f6a47;--color-secondary:#c49a5a;--color-accent:#d97742;--color-bg:#f6f2ea;--color-surface:#fff;--color-text:#232323}html,body{margin:0;padding:0;font-family:Lato}button,a{font-family:Lato}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text)}.App header{flex-direction:row;justify-content:center;margin-top:20px;display:flex;position:sticky}.App header .content{justify-content:space-between;width:1200px;display:flex}.App header nav{height:60px;font-family:Fredoka;display:flex}.App header nav .selected{color:#fff;background:#2e3c29}.App header nav button{color:#2e3c29;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:0 0;border:none;width:160px;padding:12px;font-size:1.8em;display:inline-block}.App header nav button.selected,.App header nav button:hover{color:#fff;background:#2e3c29}.App .hero{justify-content:center;width:100%;margin-top:40px;display:flex;position:relative;overflow:hidden}.App .hero img{clip-path:polygon(0 12%,100% 0,100% 88%,0 100%);width:100%;height:auto;display:block}.App .hero:after{content:"";clip-path:polygon(0 100%,100% 0,100% 100%,0 100%);background:#c49a5a;width:100%;height:5.4vw;position:absolute;bottom:0;left:0}.App .highlight{color:#fff;text-align:center;background-color:#c49a5a;flex-direction:column;align-items:center;width:100%;padding:20px 0 40px;display:flex}.App .highlight h2{margin-bottom:0;font-size:3em}.App .highlight i{font-size:2em}.App .highlight button{text-transform:uppercase;color:#fff;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:#2e3c29;border:none;width:fit-content;margin-top:30px;padding:24px 48px;font-size:2em;display:inline-block}.App .links{justify-content:space-around;width:1200px;margin:30px auto 100px;font-size:1.4em;display:flex}.App .links h3{margin:0}.App .links>div{flex-direction:column;align-items:center;display:flex}.App .links img{border-radius:50%;width:300px;margin-top:20px;box-shadow:5px 5px 10px #00000080}.logo{font-family:Sedgwick Ave Display;font-size:5em}#ristailer,#treeni,#seura{width:1200px;margin:auto;font-size:1.4em}:is(#ristailer,#treeni,#seura) h1{margin-top:0}:is(#ristailer,#treeni,#seura)>div{width:1200px;margin:auto}.spacer{width:100%;height:160px;margin:30px 0}.spacer.reversed{transform:scale(-1)}.last-image{width:1200px;margin:50px auto 10px;display:block}