:root{--white: #f9f9f9;--black: #0e0915;--grey: #505050;--bg-color: #e0e6fa;--car-bg-color: #c7d2f6;font-size:16px}*,*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Verdana,Arial,Helvetica,sans-serif;line-height:1.5;font-size:1rem;color:var(--white)}html,body{width:100%;height:100%}body{width:100dvw;height:100dvh}h1{font-size:calc(1.8rem + 1.8vw)}h2{font-size:calc(1.5rem + 1.5vw)}h3{font-size:calc(1.2rem + 1.2vw)}h1,h2,h3{font-weight:400}.copyright{position:fixed;right:.5rem;bottom:.5rem;color:#ffffffb3;pointer-events:none}.cont{display:grid;height:100%;width:100dvw;height:100dvh}.img{background-size:cover}.op-07{opacity:.7}.op-0{opacity:0}.overlay{display:none}.logo{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:50;width:100%;width:100dvw;padding:.4rem 0}.logo svg{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:min(80vw,600px);max-height:4rem;pointer-events:none}.logo svg path{fill:none;stroke:var(--white);stroke-width:3px;stroke-linecap:round;stroke-dasharray:400}.click{position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:200;width:100%;height:12rem}.click svg{position:relative;pointer-events:none;width:8rem;height:8rem}.click svg path,.click svg line{fill:none;stroke:var(--white);stroke-width:8px;stroke-linecap:round}.dis{position:fixed;top:0;right:.5rem;color:#fff}:root{--max-columns: 5;--max-width: 800px;--bg-image: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=)}main{padding:3rem 1rem;font-size:1.1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(400px,100% - 2rem),1fr));gap:1rem}a{color:#0f0}section{display:grid}section.profiili{color:#fff;padding:2rem;border:solid 2px #a00;border-radius:1rem;background-color:#400}.d-top{display:inline-grid;grid-template-columns:auto auto;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.d-content{display:grid;row-gap:1rem}header h1{display:grid}header h2{font-size:1.8rem}header strong{color:#ff0;font-size:1.2rem;font-weight:400}#ukk .faq-item h3{font-size:1.6rem;color:#ff0}#toiminta ol{margin-left:2rem}#toiminta .d-more{margin:0 auto}#toiminta,#ukk,#tark{padding:2rem 1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:2rem}#toiminta>*,#ukk>*,#tark>*{max-width:var(--max-width)}#toiminta,#ukk,#tark,footer{margin-top:4rem}.trust-badges h2{font-size:1.5rem}.trust-badges ul{list-style-type:none;margin:0 auto}footer h2{display:grid}footer h2 span{color:red}footer h2 small{font-size:.8rem}footer,header{padding:2rem 1rem;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:2rem}footer>*,header>*{width:calc(100vw - 2rem);max-width:var(--max-width);margin:0 auto}.d-pages{display:grid;justify-items:center;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.d-links{display:grid;margin:0 auto;gap:1rem}.d-link-h,.d-link-f{display:inline-grid;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #fff;padding-bottom:.5rem}.d-link-h span,.d-link-f span{color:#fff}.d-link-h:last-child{border-bottom:none}.d-link-h{grid-template-columns:15% auto 15%}.d-link-f{grid-template-columns:15% 25% auto}.d-bg-img{width:3rem;height:3rem;border-radius:50%;border:solid 2px #a00;background-size:cover;background-image:var(--bg-image)}.d-img{width:6rem;height:4rem;max-width:10rem;max-height:10rem;border:solid 2px #a00;border-radius:.3rem;background-size:cover;background-image:var(--bg-image)}.d-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#ff0}.d-more{background-color:red;border:none;border-radius:.5rem;padding:1rem 2rem;text-transform:uppercase;font-size:1.5rem;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}h1,h2,h3{text-align:center}small{color:#ff0}
