@font-face{font-family:Helvetica Neue;font-style:normal;font-weight:400;src:url(/assets/fonts/HelveticaNeueRoman.woff)format("woff")}@font-face{font-family:Fira mono;font-style:normal;font-weight:400;src:url(/assets/fonts/FiraMono.woff2)format("woff2"),url(/assets/fonts/FiraMono.woff)format("woff")}@font-face{font-family:Young;font-style:normal;font-weight:400;src:url(/assets/fonts/Youth_Culture.otf)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#f299a5}html{overflow-x:hidden}body{flex-direction:column;min-height:100vh;font:400 18px/1.5em Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}a{color:#d31b33;text-decoration:underline}.active,a:hover{color:#fff;background:#d31b33;outline:2px solid #d31b33;text-decoration:none}img{max-width:100%;height:auto}figcaption{font-size:.889em}h1{letter-spacing:1px;font-size:2em;line-height:1.4em}h2{letter-spacing:.5px;margin:1em 0 .2em;font-size:1.667em;line-height:1.6em}h3{letter-spacing:.5px;margin:1em 0 .2em;font-size:1.333em;line-height:1.3em}p{margin-bottom:.889em;font-size:1em;line-height:1.5em}pre{padding:20px 0;font-size:.889em;line-height:1.5em;position:relative}pre:before{z-index:-1;content:"";background:#282c34;position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;overflow-x:hidden}code{color:#abb2bf;font-family:Fira mono,monospace;display:block;overflow-x:auto}pre code{color:#abb2bf;background:#282c34;padding:.5em;display:block;overflow-x:auto}pre+p{margin-top:1em}figure+p{margin-top:.556em}main ul{margin-left:20px}main ul ul{margin-left:0;list-style:none}.instr{background:#eee;border-radius:4px;padding:1px 5px 0;font:.889em Fira mono,monospace}.key{background:#f0f0f0;border:1px solid #d2d2d2;border-bottom:3px solid #a8a8a8;border-radius:4px;padding:1px 5px 0;font:.833em Fira mono,monospace}header{flex:none;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin:20px 0 50px;padding:0 40px;display:flex}.logo{width:120px;height:50px}.logo a:hover{background:0 0;outline:none}.menu{font-size:.889em;line-height:1.5em;list-style:none;display:inline-flex}.menu li{white-space:nowrap;margin-right:15px}main{flex:auto;width:100%;max-width:720px;margin:0 auto;padding:0 10px;display:block}.about-me{margin-top:150px;font-size:1.111em}.about-me>p{margin:0}.interactive-unit{margin-top:15px;display:flex;position:relative}.interactive-unit:before{z-index:-1;color:#eee;content:"Feleniuk";font-family:Young,Helvetica,Arial,sans-serif;font-size:350px;position:absolute;top:60px;left:-150px}.photo-unit{filter:grayscale(.9);flex:none;width:80px;height:80px;margin-right:40px}.photo-unit img{border-radius:50%}.publish-header{padding:40px 0 15px}.publish-list{margin-left:0;list-style:none}.publish-list li{padding-bottom:10px}.article-header{padding-bottom:30px}footer{flex:none;margin:60px 0 15px;padding:0 40px}.links{font-size:.833em;list-style:none;display:inline-flex}.links li{white-space:nowrap;margin-right:10px}.copy{font-size:.722em}.subscription{flex-direction:column;width:100%;max-width:304px;margin-bottom:14px;display:flex}.subscription label{cursor:pointer;font-size:13px}.mail{color:#262626;border:1px solid #dbdbdb;border-radius:3px;outline:0;margin-bottom:6px;padding:4px 10px}.mail:focus{box-shadow:0 2px 6px rgba(149,157,165,.2)}.send-mail{text-transform:capitalize;cursor:pointer;border:1px solid #dbdbdb;border-radius:3px;padding:4px 24px;font-weight:500;transition:background-color .25s ease-in}.send-mail:hover{background-color:#f7f7f7;box-shadow:0 0 2px rgba(149,157,165,.2)}#recaptcha-checkbox,#recaptcha-invisible{margin-top:8px}@media only screen and (max-width:800px){footer,header{padding:0 15px}.about-me{margin-top:120px}.interactive-unit:before{font-size:250px;left:-80px}}@media only screen and (max-width:640px){body{font-size:17.5px}h2{margin:.8em 0 .2em}footer,header,main{flex-wrap:wrap;padding:0 15px}header{margin-bottom:35px}.article-header{padding-bottom:20px}.menu{flex-wrap:wrap;font-size:.914em}.menu li{margin-right:10px}.links{flex-wrap:wrap}}@media only screen and (max-width:440px){h1{font-size:1.6em}h2{font-size:1.3em;line-height:1.3em}h3{font-size:1.1em;line-height:1.1em}.publish-header{padding:5px 0}.article-header{padding-bottom:15px}.footer{font-size:.95em}.about-me{margin-top:40px}.interactive-unit{flex-direction:column}.photo-unit{margin-bottom:15px}}.iterations{margin-bottom:20px;font-family:Fira mono,monospace}.sort-elements{flex-direction:row;align-items:flex-end;width:100%;display:flex}.first{width:1px}.element{margin:0 2px;transition:transform .15s linear}.element-label{color:#d31b33;text-align:center;background:#fff;border:2px solid #d31b33;width:36px;height:28px;font-family:Fira mono,monospace;font-size:16px;font-weight:700;line-height:24px}.element-body{background-color:#d31b33;width:36px}.success .element-label{color:#32b679;border-color:#32b679}.success .element-body{background-color:#32b679}.compared .element-label{color:#1b1d1c;border-color:#1b1d1c}.compared .element-body{background-color:#1b1d1c}.custom .element-label{color:#0e38b1;border-color:#0e38b1}.custom .element-body{background-color:#0e38b1}.pannel{padding-top:12px;display:flex}.default-btn{color:#fff;cursor:pointer;background-color:#d31b33;border:none;outline:none;margin:3px;padding:8px 12px;font-family:Fira mono,monospace;font-size:14px;transition:box-shadow .15s linear}.default-btn:disabled{opacity:.7}.default-btn:hover{box-shadow:0 10px 20px -10px #d31b33}.default-btn:active{background-color:#e32941}@media screen and (max-width:730px){.element{margin:0 1px}.element-body{width:19px}.element-label{width:19px;height:18px;font-size:10px;line-height:16px}}.token.comment{font-style:italic}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#7c7c7c}.token.punctuation{color:#c5c8c6}.namespace{opacity:.7}.token.property,.token.keyword,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6}.token.boolean,.token.constant{color:#9c9}.token.symbol,.token.deleted{color:#f92672}.token.number{color:#ff73fd}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6;cursor:help}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}