@import url(https://fonts.googleapis.com/css?family=Open+Sans);*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%}body{margin:0;font-family:Open Sans,sans-serif}svg{display:block;width:100%;height:100%}#storage{position:absolute;left:-100%;top:-100%}#leafTemplate .stem{fill:currentColor}.light-red{fill:#e57373;color:#d93232}.red{fill:#f44336;color:#d2190b}.dark-red{fill:#d32f2f;color:#962020}.light-orange{fill:#ffb74d;color:#ff9801}.orange{fill:#ff9800;color:#b36a00}.dark-orange{fill:#f57c00;color:#a95500}.light-yellow{fill:#fff176;color:#ffe92a}.yellow{fill:#ffeb3b;color:#eed500}.dark-yellow{fill:#fbc02d;color:#d79b04}.light-green{fill:#81c784;color:#4dae52}.green{fill:#4caf50;color:#357a38}.dark-green{fill:#388e3c;color:#225725}.light-purple{fill:#ba68c8;color:#973da7}.purple{fill:#9c27b0;color:#641971}.dark-purple{fill:#7b1fa2;color:#4a1362}.join[data-v-a274de6e]{margin-top:30px}.join .card[data-v-a274de6e]{padding:30px;position:relative;background-color:#fff;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.05);box-shadow:1px 1px 2px rgba(0,0,0,.05);border-radius:4px}.join .card p[data-v-a274de6e]{font-size:14px;line-height:24px}.join .card .list[data-v-a274de6e]{margin-bottom:30px}.join .card .list .article-title[data-v-a274de6e]{margin-bottom:30px;border-bottom:1px solid #eaeaea;position:relative;padding-bottom:15px}.join .card .list .article-title h1[data-v-a274de6e]{padding-left:15px;line-height:20px;font-size:20px;border-left:5px solid #fb3}.join .card .section[data-v-a274de6e]{margin-bottom:30px}.join .card .section h3[data-v-a274de6e]{font-size:16px;line-height:20px;font-weight:500;margin-bottom:15px}.join .card .section .code[data-v-a274de6e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;margin-right:150px;margin-top:10px}.join .card .section .code .img[data-v-a274de6e],.join .card .section .code[data-v-a274de6e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.join .card .section .code .img[data-v-a274de6e]{position:relative;overflow:hidden;padding:20px;text-align:center;background-color:#fb3;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;margin-bottom:10px}.join .card .section .code .img img[data-v-a274de6e]{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:5px}.leaf[data-v-dbafcd54]{position:fixed;top:0;bottom:0;right:0;width:100%}