/* Document
 * ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  text-size-adjust: 100%; /* 2 */
}

/* Sections
 * ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */

:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Add the correct text decoration in Safari.
 */

:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

:where(small) {
  font-size: 80%;
}

/* Tabular data
 * ========================================================================== */

/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */

:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

:where(button, input, select) {
  margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

:where(button) {
  text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
  -webkit-appearance: button;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

:where(progress) {
  vertical-align: baseline;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

:where(select) {
  text-transform: none;
}

/**
 * Remove the margin in Firefox and Safari.
 */

:where(textarea) {
  margin: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

:where(input[type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:where(:-moz-ui-invalid) {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct styles in Safari.
 */

:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

:where(summary) {
  display: list-item;
}

body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;margin:0;background:#fff}.container{margin:0 auto;box-sizing:border-box}.container--lg{width:1140px}@media(max-width: 1160px){.container--lg{width:760px}}@media(max-width: 780px){.container--lg{width:100%;padding:0 20px}}.container--sm{width:760px}@media(max-width: 780px){.container--sm{width:100%;padding:0 20px}}.container--center{text-align:center}.no-break{white-space:nowrap}.button{background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);color:#fff;border-radius:8px;padding:8px 20px;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;border:none;cursor:pointer;font-size:1rem}.button:hover{opacity:.6;border-bottom:none}.button--big{padding:18px 36px;font-size:1.3rem}@media(min-width: 780px){.button--center{margin:0 auto;width:380px}}.button__icon{width:25px;margin-left:5px;fill:#fff}.content{font-size:1.1rem;line-height:1.75rem}.content p,.content img,.content .hljs,.content blockquote,.content .block,.content hr,.content address{margin-top:24px;margin-bottom:24px}.content--single{margin-top:24px;margin-bottom:8px}.content ul,.content ol{padding-left:25px}.content li{margin-top:12px;margin-bottom:12px}.content img{display:block;max-width:100%;margin:0 auto;border-radius:8px}.content .hljs{background:#f4f4f4;font-size:1rem;line-height:1.4rem;border-radius:8px}.content blockquote{margin-left:0;margin-right:0;background:#f4f4f4;color:#000;padding:1px 24px;border-left:5px solid #1256c4;font-style:italic;border-radius:8px}.content address{font-style:normal}.content a{color:#1256c4;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .2s ease-in-out}.content a:hover{text-decoration-color:#1256c4}.content a.content__header-link{color:#000}.content a.content__header-link:hover{text-decoration-color:#000}.content hr{border-top:1px solid #1256c4}.content h2{font-size:1.7rem;margin-top:35px;margin-bottom:24px;line-height:2rem}.content h3{font-size:1.4rem;margin-top:35px;margin-bottom:24px}.block{padding:1px 20px;border-radius:8px}.block--info{background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);color:#fff}.block a{color:#fff;text-decoration:underline}.block a:hover{text-decoration:none}.inline-code{background:#f4f4f4;color:#000;border-radius:8px;padding:2px 6px;font-size:1rem}.cookie-info{position:fixed;bottom:0;width:100%;background-color:#fff;border-top:2px solid #1256c4;display:none}.cookie-info--show{display:block}.cookie-info__container{padding-top:12px;padding-bottom:12px;display:flex;justify-content:space-between}.cookie-info__link{color:#1256c4;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .2s ease-in-out}.cookie-info__link:hover{text-decoration-color:#1256c4}.footer{background:#1256c4;color:#fff;padding:30px 0}.footer__row{display:flex;justify-content:space-between;align-items:center}@media(max-width: 500px){.footer__row{flex-direction:column;align-items:flex-start}}.footer__info{margin-top:20px;font-size:.92rem}.links{display:flex;list-style-type:none;padding:0;margin:0}.links__item{padding-left:7px;padding-right:7px}.links__item:last-child{padding-right:0}.links__link{text-decoration:none;color:#fff;padding:8px 5px;border-bottom:1px solid #1256c4;transition:border-bottom-color .2s ease-in-out}.links__link:hover{color:#fff;border-bottom:1px solid #fff}@media(max-width: 500px){.footer__links{margin-top:14px}.links__item:first-child{padding-left:0}.links__link{padding:8px 0}}.header{border-bottom:1px solid hsl(0,0%,90.6862745098%)}.header__container{display:flex;justify-content:space-between;align-items:center;height:90px}.header__logo{display:block;height:40px}.nav__button{display:none;padding:0;background:none;border:none;width:33px;height:33px;fill:#727271}@media(max-width: 780px){.nav__button{display:block}}.nav__list{display:flex;margin:0;padding:0;list-style-type:none;align-items:center}@media(max-width: 780px){.nav__list{display:none}}.nav__list--open{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;width:100%;position:absolute;left:0;background:#fff;margin-top:10px;padding:5px 16px 20px 16px;border-bottom:1px solid hsl(0,0%,90.6862745098%)}.nav__list--open .nav__item{padding:3px 0}.nav__item{padding-left:9px;padding-right:9px}.nav__item:last-child{padding-right:0}.nav__link{display:block;text-decoration:none;color:#727271;padding:8px 5px 7px 5px;border-bottom:1px solid rgba(0,0,0,0);transition:border-bottom-color .2s ease-in-out}.nav__link:hover{color:#727271;border-bottom:1px solid #727271}.nav__link--active{padding-bottom:7px;border-bottom:1px solid #1256c4}.index-part__container{display:grid;grid-gap:40px;grid-template-columns:1fr 1fr}@media(max-width: 780px){.index-part__container{grid-template-columns:1fr}}.index-part__container--top{grid-template-columns:2fr 1fr}@media(max-width: 780px){.index-part__container--top{grid-template-columns:1fr}}.index-part__image-container{margin-right:10px;display:flex;align-items:center}.index-part__image{max-width:100%;transform:rotate(2deg);border-radius:8px}.index-part__title{font-size:3rem;margin:0 0 35px 0}.index-part__description{font-size:1.4rem;line-height:1.75rem;margin:35px 0}@media(max-width: 780px){.index-part__button-container{display:flex;justify-content:center}}.index-part__button{width:150px}.list{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;font-size:1.1rem;line-height:1.75rem}.list__item{background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);color:#fff;padding:5px 15px;margin:0 8px 8px 0;border-radius:8px}.list__item:last-child{margin-right:0}.main__title{font-size:2rem;margin-top:0;margin-bottom:24px}.section{padding-top:50px;padding-bottom:50px}.section--color{background:#f4f4f4}.section__title{margin-top:0;margin-bottom:24px;font-size:1.6rem}.section__socials{margin-top:24px}.section>:first-child{margin-top:0}.section>:last-child,.section .content--no-gap>:last-child{margin-bottom:0}.pagination{display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style-type:none}.pagination__item{margin:0 3px}.pagination__link{display:block;padding:12px 15px;width:17px;text-align:center;text-decoration:none;color:#1256c4;border:1px solid #1256c4;border-radius:50%}.pagination__link:hover{background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);color:#fff}.pagination__link--active{background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);color:#fff}.pagination__link--active:hover{background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);color:#fff}.post__image{width:100%;display:block}.post__header{margin-top:30px;margin-bottom:30px}.post__title{font-size:2rem;margin:15px 0 20px 0}.post__comments{padding-bottom:50px}.post__comments a{color:#1256c4}.post-info{color:hsl(0,0%,50%)}.post-info__spacer{margin:0 6px}.post-info__link{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .2s ease-in-out}.post-info__link:hover{text-decoration-color:inherit}.post-list{display:grid;column-gap:30px;row-gap:35px;grid-template-columns:1fr 1fr;margin-top:25px;margin-bottom:35px}.post-list--small{grid-template-columns:1fr 1fr 1fr}@media(max-width: 780px){.post-list{grid-template-columns:1fr}}.post-list__pagination{margin-top:30px;margin-bottom:35px}.post-preview__image{width:100%;display:block;border-radius:8px}.post-preview__post-info{margin:14px 0 10px 0}.post-preview__link{color:#000;text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:text-decoration-color .2s ease-in-out}.post-preview__link:hover{text-decoration-color:inherit}.post-preview__title{font-size:1.4rem;line-height:1.75rem;margin:10px 0}.post-preview__description{font-size:1.1rem;line-height:1.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0 0}.socials{display:flex;list-style-type:none;padding:0;margin:0}.socials__item{margin:0 6px;transition:opacity .2s ease-in-out}.socials__item:first-child{margin-left:0}.socials__item:last-child{margin-right:0}.socials__item:hover{opacity:.6}.socials__link{display:block}.socials__icon{width:22px;height:22px;display:block;fill:#fff}.socials--color .socials__icon{padding:7px;background:linear-gradient(25deg, #1256c4 0%, #5596ff 80%);border-radius:8px}.tile-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}@media(max-width: 780px){.tile-list{grid-template-columns:1fr}}.tile{border:1px solid hsl(0,0%,88.6862745098%);box-shadow:5px 5px 0 1px hsl(0,0%,88.6862745098%);border-radius:8px;padding:18px 20px;transition:background-color .2s ease-in-out}.tile:hover{background:#f4f4f4}.tile__title{margin:12px 0 24px 0;font-weight:normal;font-size:1.4rem;display:flex}.tile__icon{width:22px;margin-right:12px;fill:#666}.tile__content{font-size:1.1rem;line-height:1.75rem;margin:15px 0 12px 0}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}