html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{color:#4a5568;line-height:1.5;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#1a202c;font-weight:700;margin:2rem 0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin-bottom:1em}a{color:#3182ce;transition:all .2s ease}ul{list-style:disc;padding-left:2rem}code,pre{background-color:#ebf8ff;border-radius:3px;color:#2b6cb0;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;padding:.2rem .25rem}pre{padding:.2rem 1rem}pre{overflow-x:auto}strong{font-weight:700}.header{padding:20px}.footer{align-items:center;border-top:1px solid #edf2f7;display:flex;justify-content:center;padding:20px}.footer .logo{color:#a0aec0;height:auto;width:120px}section{margin-bottom:100px}.tutorial .sidebar{border-bottom:1px solid #edf2f7;flex-shrink:0}.tutorial .sidebar .sidebar__inner header{border-bottom:1px solid #edf2f7;font-size:20px;font-weight:700;padding:20px 30px}.tutorial .sidebar .sidebar__items{list-style:none;padding:0}.tutorial .sidebar .sidebar__items li a{color:#718096;display:block;font-size:14px;font-weight:500;padding:15px 30px;text-decoration:none;text-transform:capitalize}.tutorial .sidebar .sidebar__items li a:hover,.tutorial .sidebar .sidebar__items li a:focus{background-color:#edf2f7;color:#1a202c;padding-left:35px}.tutorial .sidebar .sidebar__items li a.active{background-color:#ebf8ff;color:#3182ce}.tutorial .content{flex-shrink:1;margin:0 auto;max-width:750px;min-width:0;padding:20px 50px}.tutorial .content .heading{position:relative}.tutorial .content .heading:hover .heading__anchor,.tutorial .content .heading:focus .heading__anchor{opacity:1}.tutorial .content .heading .heading__anchor{color:#3182ce;left:0;margin-left:-1em;opacity:0;padding-right:.5em;position:absolute;text-decoration:none;transition:all .2s ease}@media(min-width: 700px){.tutorial{display:flex}.tutorial .sidebar{border-right:1px solid #edf2f7;width:240px}.tutorial .sidebar__inner{position:sticky;top:0}}

/*# sourceMappingURL=tutorial.css.map*/