@media (prefers-color-scheme: dark){[data-v-44fdcf44]:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}.skeleton[data-v-44fdcf44]{border-radius:10px;background-color:#222!important;margin:0 0 10px}.technologies[data-v-44fdcf44]{min-height:94px;display:flex;flex-wrap:wrap;font-size:1.3em;gap:10px}.technologies .technology[data-v-44fdcf44]{background-color:var(--background-color3);display:flex;padding:5px;border-radius:8px;align-items:center}.technologies .technology .name[data-v-44fdcf44]{padding-left:10px;padding-right:8px;text-wrap:nowrap}.technologies .technology .name a[data-v-44fdcf44]{text-underline-offset:6px}@media (prefers-color-scheme: dark){[data-v-367d686b]:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}.skeleton[data-v-367d686b]{border-radius:10px;background-color:#222!important;margin:0 0 10px}.header-wrapper[data-v-367d686b]{padding:50px 0 30px}.header-wrapper .header[data-v-367d686b]{display:flex;justify-content:space-between}.header-wrapper .header .about[data-v-367d686b]{width:50%;align-self:center}@media (max-width: 768px){.header-wrapper .header .about[data-v-367d686b]{width:100%}}.header-wrapper .header .about h1[data-v-367d686b]{min-height:72px}.header-wrapper .header .about .profession[data-v-367d686b]{font-size:1.2em;margin:0 0 30px;min-height:29px}.header-wrapper .header .about h2[data-v-367d686b]{min-height:48px}.header-wrapper .header .photo[data-v-367d686b]{width:50%;display:flex}@media (max-width: 768px){.header-wrapper .header .photo[data-v-367d686b]{display:none}}.header-wrapper .header .photo .skeleton[data-v-367d686b]{margin-left:20px;width:100%}.header-wrapper .header .photo img[data-v-367d686b]{-webkit-mask-image:linear-gradient(180deg,var(--photo-shadow-color) 80%,transparent 100%);mask-image:linear-gradient(180deg,var(--photo-shadow-color) 80%,transparent 100%);object-fit:contain;align-self:flex-end;width:100%;height:auto;max-height:400px}@media (prefers-color-scheme: dark){[data-v-1b1359c4]:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}.skeleton[data-v-1b1359c4]{border-radius:10px;background-color:#222!important;margin:0 0 10px}.examples[data-v-1b1359c4]{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.examples .example[data-v-1b1359c4]{min-height:600px;background-color:var(--background-color3);flex-grow:1;width:300px;border-radius:10px;padding:20px}@media (max-width: 400px){.examples .example[data-v-1b1359c4]{min-width:200px}}.examples .example img[data-v-1b1359c4]{display:block;margin:40px auto}.examples .example .description[data-v-1b1359c4]{margin:0 0 20px}.examples .example .links[data-v-1b1359c4]{margin:0 0 20px;display:flex;flex-wrap:wrap;gap:5px}.examples .example .links a[data-v-1b1359c4]{background-color:var(--background-color4);border-radius:4px;padding:3px 5px;text-wrap:nowrap}.examples .example .technologies[data-v-1b1359c4]{margin:0 0 20px}.examples .example .technologies .title[data-v-1b1359c4]{font-weight:400}.examples .example .sources[data-v-1b1359c4]{display:flex;gap:5px;flex-wrap:wrap}.examples .example .sources .title[data-v-1b1359c4]{padding:3px 0;font-weight:400}.examples .example .sources a[data-v-1b1359c4]{background-color:var(--background-color4);border-radius:4px;padding:3px 5px;text-wrap:nowrap}.examples-wrapper[data-v-f5eb9c4c]{padding:30px 0}.examples-wrapper h2[data-v-f5eb9c4c]{text-align:center;min-height:48px;margin:0 0 20px}.skeleton[data-v-31c44da8]{border-radius:10px;background-color:#222!important;margin:0 0 10px}@media (prefers-color-scheme: dark){[data-v-31c44da8]:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}.soft[data-v-31c44da8]{margin:0 0 30px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.soft .app[data-v-31c44da8]{background-color:var(--background-color2);text-align:center;flex-grow:1;width:220px;min-height:138px;border-radius:10px;padding:20px}@media (max-width: 768px){.soft .app[data-v-31c44da8]{width:100px}}.soft .app img[data-v-31c44da8]{display:block;margin:0 auto 10px}.soft .app a[data-v-31c44da8]{text-underline-offset:6px}@media (prefers-color-scheme: dark){[data-v-c4421317]:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}.skeleton[data-v-c4421317]{border-radius:10px;background-color:#222!important;margin:0 0 10px}.libs[data-v-c4421317]{min-height:30px;text-align:center;display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.libs a[data-v-c4421317]{background-color:var(--background-color4);border-radius:4px;padding:3px 5px;text-wrap:nowrap}.skeleton[data-v-da21669a]{border-radius:10px;background-color:#222!important;margin:0 0 10px}.favorites-wrapper[data-v-da21669a]{padding:30px 0}.favorites-wrapper h2[data-v-da21669a]{text-align:center;min-height:48px}.favorites-wrapper .favorites h3[data-v-da21669a]{text-align:center;min-height:36px}@media (prefers-color-scheme: dark){[data-v-c7c1bd52]:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}.skeleton[data-v-c7c1bd52]{border-radius:10px;background-color:#222!important;margin:0 0 10px}.footer-wrapper[data-v-c7c1bd52]{padding:30px 0 50px}.footer-wrapper .links[data-v-c7c1bd52]{margin:0 0 50px;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px 20px}.footer-wrapper .links .link[data-v-c7c1bd52]{min-height:106px;text-align:center;flex-grow:1}.footer-wrapper .links .link img[data-v-c7c1bd52]{display:block;margin:0 auto 10px;width:48px}.footer-wrapper .links .link a[data-v-c7c1bd52]{color:var(--footer-link-color1);line-height:1.5em;text-underline-offset:6px;text-wrap:nowrap}.footer-wrapper .links .link a .url[data-v-c7c1bd52]{font-size:14px;color:var(--footer-link-color2)}.footer-wrapper .links .link a[data-v-c7c1bd52]:visited{color:var(--footer-link-color1)}.footer-wrapper .location[data-v-c7c1bd52]{color:#999;text-align:center;font-size:.9em}.footer-wrapper .location p[data-v-c7c1bd52]{min-height:21px}@media (prefers-color-scheme: dark){:root{--background-color1: #111;--background-color2: #141414;--background-color3: #222;--background-color4: #333;--color: rgb(255, 255, 255, .87);--link-color: #99c3ff;--link-color-visited: #c58af9;--photo-shadow-color: #111;--footer-link-color: #ccf;--location-color: #999;--footer-link-color1: #ccf;--footer-link-color2: #669}}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans-VariableFont_wdth,wght.ttf)}*{margin:0;padding:0;box-sizing:border-box}:root{line-height:1.5;font-weight:300;font-family:OpenSans;color-scheme:dark;background-color:var(--background-color);color:var(--color)}:root a{color:var(--link-color)}:root h1{font-size:3em;font-weight:500;margin:0}:root h2{font-size:2em;font-weight:400;margin:0 0 10px}:root h3{font-size:1.5em;font-weight:350;margin:0 0 10px}:root p{margin:0 0 10px}:root a{color:var(--link-color);text-underline-offset:4px}:root a:visited{color:var(--link-color-visited)}:root .container{margin:0 auto;padding:0 30px;max-width:1320px}