HTML{scroll-behavior:smooth}BODY{display:flex;flex-direction:column;margin:0;padding:32px 32px 0;background:#eee;align-items:center;font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;font-size:var(--base-font-size);line-height:var(--base-line-height);color:#000}BODY>*{flex-grow:1}@media(max-width:1000px){BODY{padding:32px 0 0}}H1,H2,H3,H4,H5{margin:1em 0 .5em;font-weight:400;font-family:Georgia,serif;line-height:1.2}H1{font-size:3rem}H2{font-size:2.5rem}H3{font-size:2rem}H4{font-size:1.6rem}H5{font-size:1.3rem}H1:first-child,H2:first-child,H3:first-child,H4:first-child,H5:first-child{margin-top:0}A{color:var(--base-link-color)}A:hover{text-decoration:none}IMG{max-width:100%}.img-about{float:right;max-width:150px;height:auto;margin:0 0 1.5rem 1.5rem;border-radius:10px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;border:0}.specifity{background:#ddd;color:#222}.faded-text{font-style:italic;color:#aaa}.tiny-text{font-size:.9em}.hidden{display:none}.columns{display:flex}@media(max-width:700px){.post .columns{flex-direction:column}}.columns .svg{display:block;margin:.5rem 0 1rem}.column{flex-grow:1}.column+.column{margin-left:1rem}.vlm{vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.resizable{position:relative;overflow:hidden;resize:both;outline:1px solid #ddd;margin:1rem 0}.resizable--x{resize:horizontal}.resizable--y{resize:vertical}.resizable IFRAME{display:block;margin:0!important}.resizable:after{content:"";position:absolute;right:0;bottom:0;width:1.5rem;height:1.5rem;filter:drop-shadow(0 0 3px black);background:linear-gradient(to right bottom,transparent 50%,gold 0,gold 60%,transparent 0,transparent 70%,#9acd32 0,#9acd32 80%,transparent 0,transparent 90%,#ff4500 0)}.hire-me{display:block;margin-bottom:2rem;padding:.75rem .5rem;border-radius:4px;background:linear-gradient(45deg,#1e90ff,#40e0d0,#9370db);-webkit-clip-path:polygon(97% 0,100% 50%,97% 100%,3% 87%,0 50%,3% 13%);clip-path:polygon(97% 0,100% 50%,97% 100%,3% 87%,0 50%,3% 13%);text-align:center;line-height:1}.hire-me,.hire-me__text{position:relative}.hire-me:before{content:"";position:absolute;left:0;top:0;width:100%;padding-bottom:100%;transform:translateY(-50%);background:linear-gradient(90deg,purple 1%,crimson,gold,#40e0d0,#1e90ff 73%);opacity:0;transition:all .5s}.hire-me:link,.hire-me:visited{text-decoration:none}.hire-me:hover,.hire-me:link,.hire-me:visited{color:#fff}.hire-me:hover:before{opacity:1;transform:translateY(-50%) rotate(-60deg)}DL.no-bullets DD,UL.no-bullets LI{margin-left:0}DL.no-bullets DD:before,UL.no-bullets LI:before{content:none}.use-link-icons .win-logo:before,.use-link-icons A[href*="apple.com"]:before,.use-link-icons A[href*="developers.google"]:before,.use-link-icons A[href*="drafts.csswg"]:before,.use-link-icons A[href*="habr.com"]:before,.use-link-icons A[href*="lea.verou"]:before,.use-link-icons A[href*="w3.org"]:before,.use-link-icons A[href*="wsd.events"]:before,.use-link-icons A[href*="yoksel.github"]:before,.use-link-icons A[href*=caniuse]:before,.use-link-icons A[href*=codepen]:before,.use-link-icons A[href*=css-tricks]:before,.use-link-icons A[href*=github]:before,.use-link-icons A[href*=jsbin]:before,.use-link-icons A[href*=lesscss]:before,.use-link-icons A[href*=livejournal]:before,.use-link-icons A[href*=medium]:before,.use-link-icons A[href*=microsoft]:before,.use-link-icons A[href*=mozilla]:before,.use-link-icons A[href*=npmjs]:before,.use-link-icons A[href*=pepelsbey]:before,.use-link-icons A[href*=sass-lang]:before,.use-link-icons A[href*=sitepoint]:before,.use-link-icons A[href*=smashingmagazine]:before,.use-link-icons A[href*=stackoverflow]:before,.use-link-icons A[href*=twitter]:before,.use-link-icons A[href*=typekit]:before,.use-link-icons A[href*=unsplash]:before,.use-link-icons A[href*=web-standards]:before,.use-link-icons A[href*=webkit]:before,.use-link-icons A[href*=wikipedia]:before,.use-link-icons A[href*=youtube]:before{content:"";display:inline-block;width:1em;height:1em;margin-right:.2em;vertical-align:middle;background-repeat:no-repeat;background-position:50%;background-size:contain}.win-logo:before{width:1.2em;height:1.2em;margin-top:-.2em;margin-right:0;background-image:url(/assets/img/svg/icons/win.svg)}A[href*=codepen]:before{background-image:url(/assets/img/svg/icons/codepen.svg)}A[href*=npmjs]:before{background-image:url(/assets/img/svg/icons/npm.svg)}A[href*=github]:before{background-image:url(/assets/img/svg/icons/github.svg)}A[href*=pepelsbey]:before{background-image:url(/assets/img/svg/icons/pepelsbey.svg)}A[href*=twitter]:before{background-image:url(/assets/img/svg/icons/twitter.svg)}A[href*=livejournal]:before{background-image:url(/assets/img/svg/icons/lj.svg)}A[href*="drafts.csswg"]:before,A[href*="w3.org"]:before{width:1.25em;background-image:url(/assets/img/svg/icons/w3c.svg)}A[href*=css-tricks]:before{background-image:url(/assets/img/svg/icons/css-tricks.svg)}A[href*=mozilla]:before{background-image:url(/assets/img/svg/icons/mozilla.svg)}A[href*=jsbin]:before{background-image:url(/assets/img/svg/icons/jsbin-dave.svg)}A[href*=youtube]:before{background-image:url(/assets/img/svg/icons/youtube.svg)}A[href*=microsoft]:before{background-image:url(/assets/img/svg/icons/microsoft.svg)}A[href*=medium]:before{background-image:url(/assets/img/svg/icons/medium.svg)}A[href*=typekit]:before{background-image:url(/assets/img/svg/icons/typekit.svg)}A[href*="developers.google"]:before{background-image:url(/assets/img/svg/icons/google-dev.svg)}A[href*="lea.verou"]:before{background-image:url(/assets/img/svg/icons/lea.svg)}A[href*="wsd.events"]:before,A[href*=web-standards]:before{background-image:url(/assets/img/svg/icons/wsd.svg)}A[href*=unsplash]:before{margin-right:.25em;background-image:url(/assets/img/svg/icons/unsplash.svg)}A[href*=wikipedia]:before{background-image:url(/assets/img/svg/icons/wiki.svg)}A[href*=webkit]:before{background-image:url(/assets/img/svg/icons/webkit.svg)}A[href*=sitepoint]:before{background-image:url(/assets/img/svg/icons/sitepoint.svg)}A[href*=sass-lang]:before{background-image:url(/assets/img/svg/icons/sass.svg)}A[href*=lesscss]:before{background-image:url(/assets/img/svg/icons/less.svg)}A[href*=smashingmagazine]:before{background-image:url(/assets/img/svg/icons/smashingmag.svg)}A[href*=stackoverflow]:before{background-image:url(/assets/img/svg/icons/stackoverflow.svg)}A[href*="habr.com"]:before{background-image:url(/assets/img/svg/icons/habr.svg)}A[href*="apple.com"]:before{background-image:url(/assets/img/svg/icons/apple.svg);vertical-align:baseline}A[href*=caniuse]:before{background-image:url(/assets/img/svg/icons/caniuse.svg)}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}CODE,PRE{border-radius:4px;font-size:14px}:not(PRE)>CODE{display:inline-block;padding:0 3px!important;background:#eee8aa!important;text-shadow:1px 1px #fff!important;font-family:Consolas,Monaco,Lucida Console,monospace;line-height:1.6;color:darkred!important}:not(PRE)>CODE A{color:inherit;text-decoration:none}PRE CODE{display:block;background:transparent;color:inherit}PRE CODE P{margin:0}:root{--gap:2.5rem;--base-font-size:16px;--base-line-height:1.5;--base-link-color:#4682b4;--base-shadow-color:hsla(0,0%,39%,.5);--logo-bgcolor:crimson;--logo-font-family:"Lobster",georgia,cursive;--logo-size:calc(var(--base-font-size) * 14);--half-logo-size:calc(var(--logo-size) / 2);--logo-transition:all .5s}