body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{display:flex;flex-direction:column;height:100vh}.content{display:flex;flex:1 1;font:Optimistic Display -\ 700}.main{color:#fff;flex-grow:1;padding:50px}.page{padding:30px 40px 30px 20px;position:sticky;width:65%}.page h1{padding:20px 40px 30px 20px}.page h3{padding:20px}.page p{padding:10px 30px 10px 20px}.page ul{margin:0;padding-left:40px;position:relative}.page li{padding-top:10px}.page-link{color:#7f7c7c;text-decoration:none}:root{--border:#cdced3;--transition:240ms cubic-bezier(0.4,0,0.2,1)}.info{background-color:#f4f5f3;border:1px solid #cdced3;border:1px solid var(--border);margin-left:40px;padding:15px 10px;position:sticky;text-align:left;transition:width .24s cubic-bezier(.4,0,.2,1);transition:width var(--transition);width:90%}.info ul{margin:0;padding-left:40px;position:relative}.info li{padding-top:10px}.code-container{margin:0;padding-left:15px;position:relative;width:100%}.code-snippet{word-wrap:break-word;background-color:#4a4646;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#f8f8f2;font-family:"Monospace",monospace;font-size:16px;overflow-x:auto;padding:15px 10px;white-space:pre-wrap}.code-snippet .keyword{color:#ff79c6;font-weight:700}.code-snippet .string{color:#f1fa8c}:root{--sidebar-w:35%;--border:#2a3050;--surface:#fefeff;--letters:#02020a}.sidebar{background-color:#e3e6e2;background:#fefeff;background:var(--surface);border-right:1px solid #2a3050;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:30px 10px 10px;position:sticky;transition:width .24s cubic-bezier(.4,0,.2,1);transition:width var(--transition);width:25%}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 8px}.sidebar p{color:#303030}.sidebar ul{list-style-type:none;margin:0;padding-left:20px;position:relative}.sidebar li{padding-top:10px}.nav-item{align-items:center;border:none;color:#303030;display:flex;display:inline-block;font-size:1.2rem;gap:10px;padding:8px 10px;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.arrow{float:right;position:relative}.header{background-color:#303030;background:linear-gradient(180deg,#0b0b2b,#1b2735 70%,#090a0f);background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;background-size:80px 140px;display:flex;padding:10px}.header h1{color:#fff;padding-top:40px}.logo{align-items:center;padding-left:15px;width:10%}.title{padding:10px;text-align:center;width:70%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--border:#afb1b9;--radius:10px;--font:"Optimistic Display - 700";--transition:240ms cubic-bezier(.4,0,.2,1)}.footer{background-color:#c6c5d380;display:grid;height:35px;padding-top:10px;width:100%}.App,.footer{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d1bdc3ff.css.map*/