2022-06-16 07:16:23 +00:00
|
|
|
:root{--accent:#ffa86a;--background:#222129;--color:#fff;--border-color:hsla(0,0%,100%,0.1);--phoneWidth:(max-width:684px);--tabletWidth:(max-width:900px)}@custom-media --phone (max-width: 684px);@custom-media --tablet (max-width: 900px);@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:400;src:url(2078a57b79d547bf1e2502f8d249b867.woff) format("woff")}@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:800;src:url(58cebbe9a6bdcba6d4bb56a22a9e812f.woff) format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}.button,a.button,button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffa86a;background:var(--accent);border:1px solid #ffa86a;border:1px solid var(--accent);border-radius:0;cursor:pointer;display:flex;font:inherit;font-weight:700;justify-content:center;margin-bottom:5px;outline:none;padding:8px 18px;position:relative;text-align:center;text-decoration:none}.button:hover,a.button:hover,button:hover{background:rgba(255,168,106,.9)}.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{box-shadow:none;transform:none}.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;border:none;box-shadow:none;color:#ffa86a;color:var(--accent);display:inline-flex;margin:20px 0;max-width:100%;padding:0}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{align-items:center;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}.code-toolbar .toolbar-item a,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{background:transparent;border:1px solid #ffa86a;border:1px solid var(--accent);border-radius:0;color:#ffa86a;color:var(--accent);font:inherit;padding:10px}input :active,input:focus,select :active,select:focus,textarea :active,textarea:focus{border-color:#fff;border-color:var(--color);outline:1px solid #fff;outline:1px solid var(--color)}input:active,select:active,textarea:active{box-shadow:none}select,select option{background:#222129;background:var(--background)}::-moz-placeholder{color:rgba(255,168,106,.5)}:-ms-input-placeholder{color:rgba(255,168,106,.5)}::placeholder{color:rgba(255,168,106,.5)}.header{display:flex;flex-direction:column;position:relative}@media print{.header{display:none}}.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-color:rgba(34,33,41,0.8);--shadow:0 10px var(--shadow-color),-10px 10px var(--shadow-color),10px 10px var(--shadow-color);margin:20px 1px}@media (max-width:684px){.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}}@media (--phone){.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:684px){.header .menu__inner--desktop{display:none}}@media (--phone){.header .menu__inner--desktop{display:none}}.heade
|
