2019-02-09 00:22:16 +00:00
|
|
|
:root{--accent:#ffa86a;--background:#222129;--border-color:hsla(0,0%,100%,0.1);--color:#fff;--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;src:url(62da0ac51db1e4a3a4d57b9154a344fc.woff) format("woff")}@font-face{font-family:Fira Code;font-style:normal;font-weight:800;src:url(2bf08001f42c34e30e1de9d2eb81aead.woff) format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}.button,a.button,button{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin-bottom:5px;outline:none;padding:8px 18px;position:relative;text-align:center;text-decoration:none}.button.outline,a.button.outline,button.outline{background:transparent;box-shadow:none;padding:8px 18px}.button.outline :hover,a.button.outline :hover,button.outline :hover{-webkit-transform:none;box-shadow:none;transform:none}.button.primary,a.button.primary,button.primary{box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.button.primary:hover,a.button.primary:hover,button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,.21),0 1px 3px rgba(0,0,0,.08)}.button.link,a.button.link,button.link{background:none;font-size:1rem}.button.small,a.button.small,button.small{font-size:.8rem}.button.wide,a.button.wide,button.wide{min-width:200px;padding:14px 24px}a.read-more,a.read-more:active,a.read-more:hover{background:none;box-shadow:none;display:inline-flex;margin:20px 0;max-width:100%;padding:0}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;margin-bottom:5px;outline:none;padding:3px 8px;position:relative;text-align:center;text-decoration:none}.header{display:flex;flex-direction:column;position:relative}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{background:repeating-linear-gradient(90deg,#ffa86a,#ffa86a 2px,transparent 0,transparent 10px);background:repeating-linear-gradient(90deg,var(--accent),var(--accent) 2px,transparent 0,transparent 10px);content:"";display:block;right:10px;width:100%}.header__logo a{flex:0 0 auto;max-width:100%;text-decoration:none}.header .menu{--shadow:0 10px var(--shadow-color),-10px 10px var(--shadow-color),10px 10px var(--shadow-color);--shadow-color:rgba(34,33,41,0.8);margin:20px 0}@media (max-width:683px){.header .menu{background:#222129;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;list-style:none;margin:0;padding:10px;position:absolute;right:0;top:50px;z-index:99}}.header .menu__inner{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media (max-width:683px){.header .menu__inner--desktop{display:none}}.header .menu__inner--mobile{display:none}@media (max-width:683px){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){flex:0 0 auto;margin-bottom:10px;margin-right:20px}@media (max-width:683px){.header .menu__inner{align-items:flex-start;flex-direction:column;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{list-style:none;margin:0;padding:0;position:relative}.header .menu__sub-inner:not(:only-child){margin-left:20px}.header .menu__sub-inner-more{background:#222129;background:var(--background);border:2px solid;box-shadow:var(--shadow);color:#fff;left:0;list-style:none;margin:0;padding:10px;position:absolute;top:35px;z-index:99}.header .menu__sub-inner-more-trigger{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:#ffa86a;color:var(--accent);cursor:pointer;user-select:none}.header .menu__sub-inner-more li{margin:0;padding:5px;white-space:nowrap}.header .menu-trigger{border:2px solid;color:#ffa86a;color:var(--accent);height:100%;margin-left:10px;padding:3px 8px;p
|
