body{background:#f7faff}a{color:#42b883;font-weight:700;text-decoration:none}button{background-color:#42b883;border:0;border-radius:20px;box-shadow:none;color:#fff;font-weight:700;margin:5px;padding:10px 20px;text-transform:uppercase}code{background-color:#dde7ee;border-radius:5px;font-family:Courier New,Courier,monospace;padding:3px}.container{margin:auto;max-width:1024px}.demo{background-color:#dde7ee;border-radius:5px;margin:20px;padding:20px}:not(.demo) p{line-height:1.5;margin:20px;text-align:justify;text-align-last:center}.editor{background-color:#191d2e;border-radius:5px;color:#89ddff;font-family:Courier New,Courier,monospace;line-height:1.25;margin:20px;overflow-x:auto;padding:20px;white-space:normal}.editor code{background-color:transparent;display:block;font-family:Courier New,Courier,monospace}.editor p{text-align:left}.editor .blue{color:#52adf2}.editor .cyan{color:#89ddff}.editor .gray{color:#676e95}.editor .green{color:#c3e88d}.editor .orange{color:#f78c6c}.editor .red{color:#f07178}.editor .white{color:#a6accd}.warning{background-color:#fecdd3;border-radius:5px;color:#881337;margin:20px;padding:.1px}.warning h2{color:#9f1239}footer{background-color:#35495e;border-radius:5px;color:#f7faff;margin-top:20px;padding:10px}h1,h2,h3{color:#35495e}.logo{margin-top:20px;width:150px}textarea{margin:20px;padding:10px;width:calc(100% - 40px)}@media screen and (max-width: 900px){.col{width:100%}}@media screen and (min-width: 900px){.table{display:table;width:100%}.row{display:table-row}.col{display:table-cell;height:100%;vertical-align:top;width:33.3%}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}