@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap);:root{--gray-1:#fff;--gray-2:#fafafa;--gray-3:#f5f5f5;--gray-4:#f0f0f0;--gray-5:#d9d9d9;--gray-6:#bfbfbf;--gray-7:#8c8c8c;--gray-8:#595959;--gray-9:#434343;--gray-10:#262626;--gray-11:#1f1f1f;--gray-12:#141414;--gray-13:#000;--color-1:#e6f7ff;--color-2:#bae7ff;--color-3:#91d5ff;--color-4:#69c0ff;--color-5:#40a9ff;--color-6:#1890ff;--color-7:#096dd9;--color-8:#0050b3;--color-9:#003a8c;--color-10:#002766;--color-primary:var(--color-6);--color-primary-hover:var(--color-5);--color-primary-light-gray:var(--gray-3);--color-primary-gray:var(--gray-5)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:18px;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;color:rgba(0,0,0,.8)}*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3em auto 5em;grid-template-areas:"h h" "m m" "f f"}h1{font-size:3em;text-align:center}h1,h2{font-weight:900}a{color:#000;font-weight:700;text-decoration:none;overflow-wrap:break-word}.post-content a{color:var(--color-primary);font-weight:400}.post-content a:hover{text-decoration:underline}.header{align-items:center;border-bottom:1px solid #eee;display:flex;grid-area:h}.logo{margin-right:auto}.logo img{display:block;margin-left:.5em;width:2.5em}.navigation{text-align:center}.navigation ul{list-style:none;margin:0;padding:0}.navigation li{display:inline-block}.navigation a{display:block;padding:.5em 1em}.active{text-decoration:underline}.lang{margin-left:auto;padding:.5em}.lang a,.lang button{border:0;background:transparent;color:rgba(0,0,0,.7);cursor:pointer;display:inline-block;font-weight:700;font-size:.8em;padding:.5em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.lang a:hover,.lang button:hover{color:#000}.hero{align-items:center;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;color:#fff;display:flex;grid-area:m;height:calc(100vh - 9em);justify-content:center}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.button{background-color:#fff;border-radius:.3em;display:inline-block;margin:2em;padding:.5em 2em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.button:hover{background-color:#fff;-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.6);box-shadow:0 0 10px hsla(0,0%,100%,.6)}.message{text-align:center;width:auto}.message h1{font-size:5em;line-height:1;margin:0}.articles{grid-area:m;margin-bottom:3em}.post{margin:1em auto 2em;width:min(56rem,90vw)}.post h3{font-weight:900;margin:0}.post time{font-size:.8em;opacity:.5}.post p{font-size:.9em}.post-text img{width:100%}.page-content,.post-content{grid-area:m}.post-tags{text-align:center}.post-tags a.post-tag,.post-tags time{display:inline-block;margin:0 .5em;color:var(--gray-7)}a.post-tag:hover{cursor:pointer}.post-ads,.post-comment,.post-text{margin:2em auto;width:min(56rem,90vw)}.pagination{text-align:center}.pagination a,.pagination button{background:transparent;border:0;cursor:pointer;display:inline-block;padding:.5em;font-size:1em}.footer{align-content:center;align-items:center;display:flex;flex-direction:column;font-size:.8em;grid-area:f;justify-content:center;margin-top:2em;text-align:center}.footer p{margin:0 0 2em;opacity:.7}@media screen and (min-width:15em) and (max-width:47em){.header .navigation{display:none}.footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;padding:1em;position:fixed;right:0}.footer p{margin:0}.message h1{font-size:3em}h1{font-size:2em}}.btn{padding:.5rem 1rem;font-size:14px;background:#fff;color:#333;border:1px solid #adadad;border-radius:2px;cursor:pointer;display:inline-block}.btn:hover{background-color:#e6e6e6}.btn-plain{background:transparent;color:#000}.btn-plain,.btn-primary{border-color:transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn[disabled],.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover{color:rgba(0,0,0,.25098039215686274);border-color:#d9d9d9;background:#f5f5f5;text-shadow:none;-webkit-box-shadow:none;box-shadow:none}.btn[disabled]{cursor:not-allowed}body :not(pre) code{font-family:inherit;font-size:inherit;background:var(--color-primary-light-gray);word-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.2rem .4rem;border-radius:.2rem}pre{border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}summary{cursor:pointer}blockquote{background:var(--color-primary-light-gray);border-left:10px solid var(--color-primary-gray);margin:1.5em 10px;padding:.1em 10px}table{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%;-webkit-font-feature-settings:"lnum";font-feature-settings:"lnum";font-variant-numeric:lining-nums}table td,table th{padding:.4em .8em}table td,table th,textarea{border:1px solid var(--color-primary-gray)}textarea{padding:1em;margin:.5em 0;overflow:auto;border-radius:.25rem;-webkit-transition:border-color .5s;transition:border-color .5s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}textarea::-webkit-input-placeholder{font-size:.8em}textarea:-ms-input-placeholder{font-size:.8em}textarea::placeholder{font-size:.8em}textarea:focus{border-color:var(--color-primary-hover)}.tab-list{padding:0;width:100%;margin:20px auto;display:flex;justify-content:center;flex-wrap:wrap}.tab-list>li{list-style:none;border-radius:2px;padding:.5rem 1rem;cursor:pointer;text-decoration:none}.tab-list>li.active{background:var(--color-primary-gray)}.code-editor-container{padding:1em 0;margin:.5em 0;border:1px solid var(--color-primary-gray);border-radius:.25rem}.layout-page-main{grid-template-rows:auto}.layout-page-main .post-ads{margin:-1em auto 1em}@-webkit-keyframes loadingCircle{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loadingCircle{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.btn-icon-text{display:inline-block;vertical-align:middle}