#root{margin:0 auto;padding:.9rem 0}.logo{height:5.4em;padding:1.35em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:1.8em}.read-the-docs{color:#888}.header-smartphone-container{display:none}@media (max-width: 540px){.header-video-container{display:none;margin-left:0}.header-smartphone-container{display:block}}@font-face{font-family:Dissolved Exchange Regular;font-style:normal;font-weight:300;src:url(/Dissolved\ Exchange.woff) format("woff")}:root{font-family:Doto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-weight:600;background-color:#fff;color-scheme:light only;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:14.4px}a{font-weight:500;text-decoration:inherit}a:hover{color:#000}body{margin:0;display:flex;min-width:288px;min-height:100vh;transform:scale(.9);transform-origin:top left;width:111.11%;height:111.11%}h1{font-size:2.88em;line-height:1.1}button{border-radius:7.2px;border:.9px solid transparent;padding:.54em 1.08em;font-size:.9em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::selection{background-color:#90ee90;color:#fff}::-moz-selection{background-color:#90ee90;color:#fff}::-o-selection{background-color:#90ee90;color:#fff}::-ms-selection{background-color:#90ee90;color:#fff}::-webkit-selection{background-color:#90ee90;color:#fff}.blog_html{a {border: .9px solid lightgray; border-radius: 100%; margin: 0 3.6px; word-break: keep-all; transition: all .2s ease-in-out;} a:hover {color: black; font-weight: 500; transition: all .2s ease-in-out;} hr {margin: 14.4px 0;} img {border-radius: 28.8px; margin: 14.4px 0;} h1 {font-size: 1.62em; line-height: 1.2; margin: 21.6px 0 14.4px 0; font-weight: bold;} h1::before {content: "🌈 "; margin-right: 7.2px;} h2 {font-size: 1.35em; line-height: 1.3; margin: 18px 0 10.8px 0; font-weight: bold;} h3 {font-size: 1.125em; line-height: 1.4; margin: 14.4px 0 7.2px 0; font-weight: bold;} h4 {font-size: .99em; line-height: 1.4; margin: 12.6px 0 5.4px 0; font-weight: bold;} h5 {font-size: .9em; line-height: 1.4; margin: 10.8px 0 3.6px 0; font-weight: bold;} h6 {font-size: .81em; line-height: 1.4; margin: 9px 0 3.6px 0; font-weight: bold;} pre {border: 2px dotted lightgray; border-radius: 16px; padding: 14.4px; margin: 14.4px 0; background-color: #f9f9f9; overflow-x: auto;} code {border: 1px dotted lightgray; border-radius: 8px; padding: 2px 6px; background-color: #f9f9f9; font-family: "Iosevka",monospace; font-size: .9em;} pre code {border: none; padding: 0; background-color: transparent;} blockquote {border: 2px dotted lightgray; border-radius: 24px; padding: 14.4px; margin: 14.4px 0;}}