3 lines
20 KiB
Plaintext
3 lines
20 KiB
Plaintext
|
:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}@font-face{font-display:swap;font-family:'Fira Code';font-style:normal;font-weight:400;src:url("../fonts/FiraCode-Regular.woff") format("woff");font-display:swap}@font-face{font-display:swap;font-family:'Fira Code';font-style:normal;font-weight:800;src:url("../fonts/FiraCode-Bold.woff") format("woff");font-display:swap}.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;border-radius:0;border:1px solid #FFA86A;background:#FFA86A;font:inherit;font-weight:bold;appearance:none;cursor:pointer;outline:none}button:hover,.button:hover,a.button:hover{background:#ffa86a}button.outline,.button.outline,a.button.outline{background:transparent;box-shadow:none;padding:8px 18px}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.link,.button.link,a.button.link{background:none;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}a.read-more,a.read-more:hover,a.read-more:active{display:inline-flex;border:none;color:#FFA86A;background:none;box-shadow:none;padding:0;margin:20px 0;max-width:100%}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none}input,textarea,select{background:transparent;color:#FFA86A;border:1px solid #FFA86A;border-radius:0;padding:10px;font:inherit;appearance:none}input:focus,input :active,textarea:focus,textarea :active,select:focus,select :active{border-color:#fff;outline:1px solid #fff}input:active,textarea:active,select:active{box-shadow:none}select{background:#222129}select option{background:#222129}::placeholder{color:color-mod(#FFA86A) a(50%)}.header{display:flex;flex-direction:column;position:relative}@media print{.header{display:none}}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;flex:1}.header__logo:after{content:'';background:repeating-linear-gradient(90deg, #FFA86A, #FFA86A 2px, transparent 0, transparent 10px);display:block;width:100%;right:10px}.header__logo a{flex:0 0 auto;max-width:100%;text-decoration:none}.header .menu{margin:20px 1px}@media ((max-width: 684px)){.header .menu{position:absolute;background:#222129;box-shadow:0 10px #222129, -10px 10px #222129, 10px 10px #222129;color:white;border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;top:50px;right:0}.header .menu.hidden-on-mobile{display:none}}.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}}.header .menu__inner--mobile{display:none}@media ((max-width: 684px)){.header .menu__inner--mobile{display:block}}.header .menu__inner li:not(:last-of-type){margin-right:20px;margin-bottom:10px;flex:0 0 auto}@media ((max-width: 684px)){.header .menu__inner{flex-direction:column;align-items:flex-start;padding:0}.header .menu__inner li{margin:0;padding:5px}}.header .menu__sub-inner{position:relative;list-style:none;padding:0;margin:0}.header .menu__sub-inner:not(:only-child){margin-left:20px}.header .menu__sub-inner-more{position:absolute;background:#222129;box-shadow:0 10px #222129,-10px 10px #222129,10px 10px #222129;color:white;border:2px solid;margin:0;padding:10px;list-style:none;z-index:99;top:35px;left:0}.header .menu__sub-inner-more-trigger{color:#FFA86A;user-select:none;cursor:pointer}.header .menu__sub-inner-more li{margin:0;padding:5px;white-space:nowrap}.header .menu .spacer{flex-grow:1}.header .menu .language-selector{position:relative;list-style:none;margin:0}.header .menu .language-selecto
|
||
|
|
|
||
|
|
/*# sourceMappingURL=style.css.map */
|