*{scroll-behavior:smooth;box-sizing:border-box}html{border-top:8px solid #000000;line-height:1.5;scroll-behavior:smooth;display:block}#root{width:736px;margin:64px auto 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;scroll-behavior:smooth;padding-left:1rem;padding-right:1rem;font-size:.95rem}p{font-size:.95rem}.green-btn-100{background:#e8fdf5;text-align:center;padding:4rem}.green-btn-100 a{background:#429c46;color:#fff;text-decoration:none;padding:1rem;border-radius:2rem;font-size:.8rem;transition:.2s}.green-btn-100 a:hover{opacity:.8}.link{color:#357edd}header{display:flex;justify-content:space-between;height:41px}header .logo img{width:80px}header .github{width:28px;height:28px}header .github a{display:block;height:inherit}main{display:flex;margin-top:32px}.navigation{width:25%}.navigation ul{margin:0;padding:0;position:sticky;top:8px}.navigation li{list-style-type:none;border-bottom:1px dotted #e5e5e5;cursor:pointer}.navigation a{text-decoration:none;color:#333;width:100%;display:block;padding-bottom:.5rem;padding-top:.5rem}.navigation .active a{color:#357ede;font-weight:600}article{padding-left:4rem;width:75%;scroll-behavior:smooth}.title{font-size:1.3rem;margin-bottom:2rem;border-bottom:1px solid #e3e2e2;padding-bottom:3px;color:#000}h2.title{margin-top:4rem;margin-bottom:2rem}h3{font-size:1.02rem;margin-top:2rem}.code{background-color:#f6f8fa;border:1px solid #ededed;border-radius:3px;line-height:1.45;padding:1em;font-size:.9rem;overflow-x:scroll}.code span{display:block}.code .indent{margin-left:20px}#introduction{margin-top:0}footer{text-align:center;margin:4rem 2rem 3rem}@media only screen and (max-width: 960px){.navigation{display:none}article{padding-left:0rem;width:100%}#root{width:480px}}@media only screen and (max-width: 540px){#root{width:90%}}