:root{--clr-accent-500: hsl(12, 50%, 40%);--clr-accent-400: hsl(12, 88%, 59%);--clr-accent-300: hsl(12, 88%, 75%);--clr-accent-100: hsl(228, 100%, 96%);--clr-primary-400: hsl(228, 39%, 23%);--clr-neutral-900: hsl(232, 12%, 13%);--clr-neutral-100: hsl(0, 0%, 100%);--clr-pre-element: #EBECE4;--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-300: .8125rem;--fs-400: 0,875rem;--fs-500: .9375rem;--fs-600: 1rem;--fs-700: 1.875rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--fs-body: var(--fs-400);--fs-primary-heading: var(--fs-800);--fs-seconday-heading: var(--fs-700);--fs-nav: var(--fs-500);--fs-button: var(--fs-300);--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem;--modal-img-max-width: 900px}@media (min-width: 50em){:root{--fs-body: var(--fs-500);--fs-primary-heading: var(--fs-900);--fs-primary-heading: var(--fs-800);--fs-nav: var(--fs-300)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-size:var(--fs-body);font-family:var(--ff-body);color:var(--clr-primary-400)}p:not([class]){opacity:.8}.button{display:inline-flex;cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:1.25em 2.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--clr-accent-400);box-shadow:0 1.125em 1em -1em var(--clr-accent-500)}.button[data-type=inverted]{color:var(--clr-accent-400);background-color:var(--clr-neutral-100)}.button[data-shadow=none]{box-shadow:none}.button:hover,.button:focus-visible{background-color:var(--clr-accent-300)}.button[data-type=inverted]:hover,.button[data-type=inverted]::focus-visible{color:var(--clr-accent-300);background-color:var(--clr-neutral-100)}.primary-header{padding-top:var(--size-600);display:flex}.nav-wrapper{display:flex;justify-content:space-between;align-items:center}.mobile-nav-toggle{display:none}.nav-list{font-size:var(--fs-nav)}.nav-list{display:flex;gap:clamp(var(--size-500),5vw,var(--size-800));font-weight:var(--fw-semi-bold)}.nav-list a{text-decoration:none;color:var(--clr-primary-400)}.nav-list a:hover,.nav-list a:focus{text-decoration:none;color:var(--clr-accent-400)}@media (max-width: 50em){.primary-navigation{display:none;position:absolute;padding:var(--size-600);inset:9rem var(--size-400) auto;background:var(--clr-neutral-100);border-radius:var(--size-100);box-shadow:0 0 .5em #0000000d,0 0 .5em #00000080}.nav-list{display:grid;gap:var(--size-600);text-align:center;font-weight:var(--fw-bold)}.primary-navigation[data-visible]{display:grid}.mobile-nav-toggle{display:block;cursor:pointer;background:transparent;border:0;padding:.5em;width:3rem;aspect-ratio:1;background-image:url(./images/ICON-HAMBURGER.svg);background-size:100% auto}.mobile-nav-toggle[aria-expanded=true]{background-image:url(./images/ICON-CLOSE.svg)}}footer .logo{width:var(--size-900);aspect-ratio:1}.primary-footer .even-columns div{--logo-color: var(--clr-neutral-100);margin-inline:auto}.primary-footer-logos{display:flex;flex-direction:column-reverse;align-items:center}.footer-nav{columns:2}.footer-nav a{color:var(--clr-neutral-100);text-decoration:none}.footer-nav a:where(:hover,:focus){color:var(--clr-accent-400);text-decoration:none}input:where([type="text"],[type="email"]){border-radius:100vw;border:0;padding:var(--size-300) var(--size-400)}.primary-footer .copy-right-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.social-list{display:flex;gap:var(--size-600)}.social-icon{width:var(--size-600);fill:var(--clr-neutral-100);aspect-ratio:1}.social-list a:is(:hover,:focus) .social-icon{fill:var(--clr-accent-400)}@media (min-width: 50em){.social-list{display:flex;gap:var(--size-400)}.social-icon{width:var(--size-500)}}.numbered-items{counter-reset:laskuri}.numbered-items li{counter-increment:laskuri}.numbered-items div{display:grid;align-items:center;column-gap:var(--size-400);grid-template-columns:min-content 1fr}.numbered-items p{grid-column:1 / -1}@media (min-width: 50em){.numbered-items p{grid-column:2 / -1}}.numbered-items div:before{content:counter(laskuri);background-color:var(--clr-accent-400);color:var(--clr-neutral-100);font-weight:var(--fw-bold);padding:var(--size-200) var(--size-500);border-radius:100vw}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-primary-400{color:var(--clr-primary-400)}.text-accent-400{color:var(--clr-accent-400)}.text-accent-100{color:var(--clr-accent-100)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-900{color:var(--clr-neutral-900)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-accent-100{background-color:var(--clr-accent-100)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-primary-heading{font-size:var(--fs-primary-heading);line-height:1.1}.fs-secondary-heading{font-size:var(--fs-seconday-heading);line-height:1.1}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.with-letter-spacing{letter-spacing:3px}.padding-block-900{padding-block:var(--size-900)}.padding-block-700{padding-block:var(--size-700)}.padding-block-200{padding-block:var(--size-200)}.display-sm-none{display:none}.margin-left{margin-left:10px}@media (min-width: 50em){.display-md-inline-flex{display:inline-flex}}.container{--max-width: 1110px;--padding: 1rem;width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto}.even-columns{display:grid;gap:1rem}.vertical-align-center{align-items:center}.justify-self-end{justify-self:end}:where(.flow :not(:first-child)){margin-top:var(--flow-spacer, 2em)}@media (min-width: 50em){.even-columns{grid-auto-flow:column;grid-auto-columns:1fr}}figure{margin:auto;max-width:70%;padding:5px}em{font-weight:var(--fw-bold);color:var(--clr-neutral-900)}pre{overflow:hidden;background-color:var(--clr-pre-element);margin:0 var(--fs-700)}DIV.tutorial-text P{margin-top:var(--size-200);margin-bottom:var(--size-200);opacity:1}DIV.tutorial-text UL{padding:var(--size-400)}.hide-on-mobile{display:none}.display-on-mobile{display:block}.border-bottom{border-bottom:1px dotted var(--clr-accent-300)}@media (min-width: 50em){.hide-on-mobile{display:block}.display-on-mobile{display:none}.margin-and-column{grid-template-columns:25% 75%}figure{margin:auto;max-width:75%;padding:5px}}.notes_link{background:none!important;border:none;padding:0!important;color:var(--clr-primary-400);font-weight:var(--fw-bold);text-decoration:underline;cursor:pointer}img.display-in-modal{border-radius:10px;cursor:pointer;transition:.3s}img.display-in-modal:hover{opacity:.7}.modal{display:none;position:fixed;z-index:1;padding-top:125px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{margin:auto;display:block;width:100%;max-width:var(--modal-img-max-width)}#caption{margin:auto;display:block;width:100%;max-width:var(--modal-img-max-width);text-align:center;padding:5px 0;color:var(--clr-neutral-100)}.modal-content,#caption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:var(--clr-accent-400);font-size:var(--fs-900);font-weight:700;transition:.3s}.close:hover,.close:focus{color:var(--clr-accent-100);text-decoration:none;cursor:pointer}@media (min-width: 50em){.modal{padding-top:75px}}.textModal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.textModal-content{background-color:var(--clr-neutral-900);margin:15% auto;padding:20px;border:1px solid #888;width:80%}.textModal-close{color:var(--clr-accent-400);float:right;font-size:28px;font-weight:700}.textModal-close:hover,.textModal-close:focus{color:var(--clr-accent-300);text-decoration:none;cursor:pointer}