:root{--small-breakpoint: 320px;--mobile-breakpoint: 480px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px;--large-breakpoint: 1200px;--font-size-sm: clamp(0.8333333333rem, 0.1278097302vw + 0.7949904143rem, 0.8908477119rem);--line-height-sm: calc(var(--font-size-sm) * 1.42857);--icon-width-sm: calc(var(--line-height-sm) * 0.65);--icon-height-sm: calc(var(--line-height-sm) * 0.5);--font-size-base: clamp(1rem, 0.4166666667vw + 0.875rem, 1.1875rem);--line-height-base: calc(var(--font-size-base) * 1.42857);--icon-width-base: calc(var(--line-height-base) * 0.65);--icon-height-base: calc(var(--line-height-base) * 0.5);--font-size-md: clamp(1.2rem, 0.8509722222vw + 0.9447083333rem, 1.5829375rem);--line-height-md: calc(var(--font-size-md) * 1.42857);--icon-width-md: calc(var(--line-height-md) * 0.65);--icon-height-md: calc(var(--line-height-md) * 0.5);--font-size-lg: clamp(1.44rem, 1.4890126389vw + 0.9932962083rem, 2.1100556875rem);--line-height-lg: calc(var(--font-size-lg) * 1.42857);--icon-width-lg: calc(var(--line-height-lg) * 0.65);--icon-height-lg: calc(var(--line-height-lg) * 0.5);--font-size-xl: clamp(1.728rem, 2.4104538476vw + 1.0048638457rem, 2.8127042314rem);--line-height-xl: calc(var(--font-size-xl) * 1.42857);--icon-width-xl: calc(var(--line-height-xl) * 0.65);--icon-height-xl: calc(var(--line-height-xl) * 0.5);--font-size-xxl: clamp(2.0736rem, 3.7238549789vw + 0.9564435063rem, 3.7493347405rem);--line-height-xxl: calc(var(--font-size-xxl) * 1.42857);--icon-width-xxl: calc(var(--line-height-xxl) * 0.65);--icon-height-xxl: calc(var(--line-height-xxl) * 0.5);--font-size-xxxl: clamp(2.48832rem, 5.5767626869vw + 0.8152911939rem, 4.9978632091rem);--line-height-xxxl: calc(var(--font-size-xxxl) * 1.42857);--icon-width-xxxl: calc(var(--line-height-xxxl) * 0.65);--icon-height-xxxl: calc(var(--line-height-xxxl) * 0.5);--header-height: var(--line-height-lg);--footer-height: var(--line-height-base);--main-min-height: calc(100vh - var(--header-height) - var(--footer-height))}@font-face{font-family:"Istok Web";src:url("fonts/IstokWeb-Regular.ttf") format("truetype")}@font-face{font-family:"Istok Web Italic";font-style:italic;src:url("fonts/IstokWeb-Italic.ttf") format("truetype")}@font-face{font-family:"Istok Web Bold";font-weight:bold;src:url("fonts/IstokWeb-Bold.ttf") format("truetype")}@font-face{font-family:"Istok Web Bold Italic";font-style:italic;font-weight:bold;src:url("fonts/IstokWeb-BoldItalic.ttf") format("truetype")}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-md{font-size:var(--font-size-md);line-height:var(--line-height-md)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.text-xxl{font-size:var(--font-size-xxl);line-height:var(--line-height-xxl)}.text-xxxl{font-size:var(--font-size-xxxl);line-height:var(--line-height-xxxl)}header #brand::before,header #burger::after,.bi::before,.bi.xxxl::before,.text-xxxl .bi::before,.bi.xxl::before,.text-xxl .bi::before,.bi.xl::before,.text-xl .bi::before,.bi.lg::before,.text-lg .bi::before,.bi.md::before,.text-md .bi::before,.bi.base::before,.text-base .bi::before,.bi.sm::before,.text-sm .bi::before{display:inline-block;vertical-align:baseline;background-repeat:no-repeat;background-size:contain;content:""}.bi.sm::before,.text-sm .bi::before{width:var(--icon-width-sm);height:var(--icon-height-sm)}.bi.base::before,.text-base .bi::before{width:var(--icon-width-base);height:var(--icon-height-base)}.bi.md::before,.text-md .bi::before{width:var(--icon-width-md);height:var(--icon-height-md)}.bi.lg::before,.text-lg .bi::before{width:var(--icon-width-lg);height:var(--icon-height-lg)}.bi.xl::before,.text-xl .bi::before{width:var(--icon-width-xl);height:var(--icon-height-xl)}.bi.xxl::before,.text-xxl .bi::before{width:var(--icon-width-xxl);height:var(--icon-height-xxl)}.bi.xxxl::before,.text-xxxl .bi::before{width:var(--icon-width-xxxl);height:var(--icon-height-xxxl)}.bi::before{width:var(--icon-width-base);height:var(--icon-height-base)}.bi.clock::before{background-image:url(icons/bi-clock.svg)}.bi.check::before{background-image:url(icons/bi-check.svg)}.bi.image::before{background-image:url(icons/bi-image.svg)}.bi.github::before{background-image:url(icons/bi-github.svg)}.bi.list::before{background-image:url(icons/bi-list.svg)}.bi.x::before{background-image:url(icons/bi-x-lg.svg)}.bi.file-earmark-check::before{background-image:url(icons/bi-file-earmark-check.svg)}.bi.one-two-three::before{background-image:url(icons/bi-123.svg)}.bi.alt::before{background-image:url(icons/bi-alt.svg)}.bi.arrows-fullscreen::before{background-image:url(icons/bi-arrows-fullscreen.svg)}html{font-family:Istok Web,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);color:#343434}@media screen and (max-width: var(--mobile-breakpoint)){html{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}@media screen and (min-width: calc(var(--large-breakpoint) + 1px)){html{font-size:var(--font-size-md);line-height:var(--line-height-md)}}html,body,main,header,footer{max-width:100vw;margin:0;padding:0;border:0}main{min-height:var(--main-min-height)}header{height:var(--header-height);line-height:var(--header-height)}footer{height:var(--footer-height);line-height:var(--footer-height)}p{font-size:var(--font-size-base);line-height:var(--line-height-base)}a{text-decoration:none}a:visited{color:gray}header #brand,header #burger{margin:0;padding:0;border:0;display:inline-block;line-height:var(--header-height);height:var(--header-height)}header{--brand-font-size: calc(var(--font-size-base) * 1.1);--brand-margin: var(--brand-font-size);--links-margin: calc(var(--brand-font-size) * .5);--item-margin: var(--font-size-base);position:relative}header #brand::before,header #burger::after{vertical-align:middle}header #brand{margin-left:var(--brand-margin);font-size:var(--brand-font-size)}header #brand::before{background-image:url(images/logo.svg);height:calc(var(--brand-font-size) * 1.2);width:calc(var(--brand-font-size) * 1.4)}header #brand a{margin:0;padding:0;border:0}header #brand a:visited{color:#343434}header #burger,header #links{margin-right:var(--brand-margin);position:absolute;right:0}header #burger{cursor:pointer}header #burger::after{width:var(--icon-width-lg);height:var(--icon-height-lg);background-image:url(icons/bi-list.svg)}header #links{width:10rem;display:none;top:0;right:0;margin:.5rem;padding:.5rem;border:1px solid gray;background-color:#fff;opacity:.9;border-radius:.5rem}header #links .link{font-size:var(--font-size-base);line-height:var(--lihe-height-base)}header #links .link:first-child{position:absolute;right:0;top:0;margin-right:.3rem;text-align:right}@media screen and (max-width: 480px){header #burger{display:inline-block}header #links{display:none}}@media screen and (min-width: calc(480px + 1px)){header #burger{display:none}header #links{min-width:50%;text-align:right;display:inline-block;margin:0;padding:0;border:0;margin-right:var(--links-margin)}header #links .link{margin-left:var(--item-margin);display:inline-block}header #links .link:first-child{display:none}}footer{font-size:var(--font-size-sm);line-height:var(--line-height-base);text-align:center}article{max-width:80ch;margin:1rem auto;padding:1rem;border:1px silver solid;border-radius:.4rem}article h1,article h2,article h3,article h4,article h5,article h6{text-align:center}article h1{margin-top:calc(var(--line-height-xxl)*.5);margin-bottom:calc(var(--line-height-xxl)*.5);font-size:var(--font-size-xxl);line-height:var(--line-height-xxl)}article h2{margin-top:calc(var(--line-height-xl)*.5);margin-bottom:calc(var(--line-height-xl)*.5);font-size:var(--font-size-xl);line-height:var(--line-height-xl)}article h3{margin-top:calc(var(--line-height-lg)*.5);margin-bottom:calc(var(--line-height-lg)*.5);font-size:var(--font-size-lg);line-height:var(--line-height-lg);text-transform:capitalize}article h4{margin-top:calc(var(--line-height-lg)*.5);margin-bottom:calc(var(--line-height-lg)*.5);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}article h5{margin-top:calc(var(--line-height-base)*.5);margin-bottom:calc(var(--line-height-base)*.5);font-size:var(--font-size-base);line-height:var(--line-height-base);text-transform:uppercase}article h6{margin-top:calc(var(--line-height-base)*.5);margin-bottom:calc(var(--line-height-base)*.5);font-size:var(--font-size-base);line-height:var(--line-height-base);font-family:"Istok Web Bold"}@media screen and (max-width: calc(80ch + 4rem)){article{border:0}}main{min-height:var(--main-min-height);display:flex;align-items:center;justify-content:center}figure,figure img,figcaption,figcaption a{margin:0 auto;padding:0;border:0}figure img,figure svg{width:100%;height:100%}figcaption,figcaption a{text-align:center;height:var(--font-size-base);line-height:var(--font-size-base);font-size:smaller;vertical-align:middle}@media(orientation: landscape){figure{height:calc(var(--main-min-height) - calc(var(--font-size-base) / 2) * 2);width:calc(calc(var(--main-min-height) - calc(var(--font-size-base) / 2) * 2) - var(--font-size-base))}figure img{width:calc(calc(var(--main-min-height) - calc(var(--font-size-base) / 2) * 2) - var(--font-size-base));height:auto}}@media(orientation: portrait){figure{height:calc(calc(100vw - calc(var(--font-size-base) / 2)) + var(--font-size-base));width:calc(100vw - calc(var(--font-size-base) / 2))}figure img{width:calc(100vw - calc(var(--font-size-base) / 2));height:auto}}