@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);.book{padding:0}.image{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;background-image:url(/img/bg.302cf84a.png);background-repeat:no-repeat;background-size:cover}.top-line{width:100%;border:1px solid #000;margin-top:50px}.title{margin-top:100px;position:relative;left:33%;color:#fff;font-family:Calligraffitti,cursive;font-size:40px;letter-spacing:4px}.author{display:flex;flex-direction:row;align-items:center;margin-top:50%}.author .line{width:100%;border:1px solid #000}.author h2{padding:1%;border:2px solid #000}section .numberPage[data-v-3109800a]{position:absolute;bottom:10px;right:20px;color:#3fb984;font-weight:400}section .border[data-v-3109800a]{position:absolute;left:0;z-index:10;top:0;height:100%;background-color:#31475e;width:3%}section h1[data-v-3109800a]{text-align:center;font-size:40px;color:#31475e;position:relative;width:auto}section h1[data-v-3109800a]:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);bottom:5px;width:20%;background-color:#3fb984;height:3px;border-radius:50px}section p[data-v-3109800a]{font-weight:600;font-size:16px}section span[data-v-3109800a]{color:#31475e;font-weight:700}section h2[data-v-3109800a]{color:#f25417;font-size:20px;margin:10px 0}section ul[data-v-3109800a]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}section ul li[data-v-3109800a]{list-style-type:disc;font-weight:600}section ul li[data-v-3109800a]::marker{color:#3fb984}p[data-v-7baccd0c]{position:absolute;bottom:10px;right:20px;color:#3fb984}.border[data-v-7baccd0c]{position:absolute;left:0;z-index:10;top:0;height:100%;background-color:#31475e;width:3%}h1[data-v-7baccd0c]{text-align:center;font-size:40px;color:#31475e;position:relative;width:auto}h1[data-v-7baccd0c]:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);bottom:5px;width:20%;background-color:#3fb984;height:3px;border-radius:50px}.content[data-v-7baccd0c]{margin-left:40px;height:80%}.content ul[data-v-7baccd0c]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.content li[data-v-7baccd0c]{color:#31475e;margin:25px 0 0;font-size:24px;font-weight:600}.content li span a[data-v-7baccd0c],.content li span[data-v-7baccd0c]{color:#3a699b}.content li span a[data-v-7baccd0c]:hover{color:#1e3751}.content li[data-v-7baccd0c]::marker{color:#3fb984}p[data-v-c86c8756]{position:absolute;bottom:10px;right:20px;color:#3fb984}.border[data-v-c86c8756]{position:absolute;left:0;z-index:10;top:0;height:100%;background-color:#31475e;width:3%}h1[data-v-c86c8756]{text-align:center;font-size:40px;color:#31475e;position:relative;width:auto}h1[data-v-c86c8756]:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);bottom:5px;width:20%;background-color:#3fb984;height:3px;border-radius:25px}.content[data-v-c86c8756]{margin-left:40px;height:80%}.content ul[data-v-c86c8756]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.content li[data-v-c86c8756]{color:#31475e;margin:25px 0 0;font-size:24px;font-weight:600}.content li span a[data-v-c86c8756],.content li span[data-v-c86c8756]{color:#3a699b}.content li span a[data-v-c86c8756]:hover{color:#1e3751}.content li ul[data-v-c86c8756]{margin-left:25px}.content li[data-v-c86c8756]::marker{color:#3fb984}.none[data-v-c86c8756]{display:none}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}section h2[data-v-0bd81684]{text-align:center;font-size:40px;color:#31475e;position:relative}section h2[data-v-0bd81684]:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);bottom:10px;width:20%;background-color:#3fb984;height:3px;border-radius:50px}section .border[data-v-0bd81684]{position:absolute;left:0;z-index:10;top:0;height:100%;background-color:#31475e;width:3%}section .numberPage[data-v-0bd81684]{position:absolute;bottom:10px;right:20px;color:#3fb984}section .pres p[data-v-0bd81684]{font-size:16px;font-weight:600}section .synt[data-v-0bd81684]{font-size:8px}p[data-v-5219d7d4]{position:absolute;bottom:10px;right:20px;color:#3fb984}.border[data-v-5219d7d4]{position:absolute;left:0;z-index:10;top:0;height:100%;background-color:#31475e;width:3%}h1[data-v-5219d7d4]{text-align:center;font-size:40px;color:#31475e;position:relative;width:auto}h1[data-v-5219d7d4]:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);bottom:5px;width:20%;background-color:#3fb984;height:3px;border-radius:50px}.content[data-v-5219d7d4]{margin-left:40px;height:80%}.content ul[data-v-5219d7d4]{display:flex;flex-direction:column;justify-content:space-between;height:100%}.content li[data-v-5219d7d4]{color:#31475e;margin:25px 0 0;font-size:24px;font-weight:600}.content li[data-v-5219d7d4]::marker{color:#3fb984}.numberPage[data-v-c10fb892]{position:absolute;bottom:10px;right:20px;color:#3fb984}.border[data-v-c10fb892]{position:absolute;left:0;z-index:10;top:0;height:100%;background-color:#31475e;width:3%}.examples input[data-v-c10fb892]{border:none;margin-left:10px;background:none}h1[data-v-c10fb892]{text-align:center;font-size:40px;color:#31475e;position:relative;width:auto}h1[data-v-c10fb892]:after{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);bottom:5px;width:20%;background-color:#3fb984;height:3px;border-radius:50px}h2[data-v-c10fb892]{color:#f25417;font-size:20px;margin:10px 0}label[data-v-c10fb892],p[data-v-c10fb892]{font-weight:600}.colors[data-v-c10fb892]{padding-bottom:5px;border-bottom:1px solid #000}.insertImage[data-v-c10fb892]{padding:5px 10px;border:none;border-bottom:1px solid #000}.image_v_model[data-v-c10fb892]{margin-top:10px;height:100px}.image_v_model img[data-v-c10fb892]{width:100%;max-height:100px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}button[data-v-c10fb892]{background-color:none;border:none;background:none;cursor:pointer;border-bottom:1px solid #3fb984}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;align-items:center;display:flex;justify-content:space-between}.arrow{font-size:40px;cursor:pointer}.arrow_left{margin-left:50px}.arrow_right{margin-right:50px}.book{width:30%;height:80%;position:relative;padding:30px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.selectPage{position:absolute;left:50%;bottom:10px;transform:translate(-50%,-50%);padding:5px 10px}