*{margin:0;padding:0;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:"Montserrat", sans-serif;color:#222;overflow-x:hidden;min-height:100vh}section.preview{position:fixed;top:0;bottom:0;right:0;z-index:2;width:40vw;background:#eee}section.preview span{position:absolute;bottom:2vw;right:2vw;font-family:"Roboto Mono", monospace;font-weight:bold;font-size:1.3vw;color:#000;letter-spacing:0.1vw;opacity:0.3}.example{display:block;padding:1.3vw 1.6vw;width:100%;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;background-color:#EFF0F1}article{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;width:60vw;vertical-align:top;white-space:normal;padding:6vw}article.active{display:-webkit-box;display:-ms-flexbox;display:flex}article.fullscreen{padding:0 20vw;padding-bottom:15vh;width:100vw}article.fullscreen fieldset{position:fixed;bottom:2.5vh;right:20vw}article .hostQR{float:right}article .hostQR img{width:15vw}code{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}p a{color:#e53935;text-decoration:none;font-weight:bold;-webkit-transition:color 200ms linear;transition:color 200ms linear}p a:hover{color:#cd1e1a}fieldset>a{position:relative;overflow:hidden;display:inline-block;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.2);box-shadow:0 0 10px 1px rgba(0,0,0,0.2);margin:1.3vw 0 0.3vw 0;background:#e53935;color:#fff;font-weight:700;font-size:1.1vw;text-transform:uppercase;border-radius:999px;padding:0.9vw 2.4vw;text-decoration:none;cursor:pointer;-webkit-transition:background 0.2s ease;transition:background 0.2s ease}fieldset>a:hover{background:#c12926}fieldset>a.disabled{opacity:0.5;pointer-events:none;cursor:pointer}fieldset>a.previous,fieldset>a.next{float:right;margin-left:0.6vw;background:#11171a}fieldset>a.previous:hover,fieldset>a.next:hover{background:#07090a}fieldset>a span{display:inline-block}fieldset>a i.fa{padding-right:0.8vw}fieldset>a i.fa.fa-caret-right{padding:0 0 0 0.8vw}h1{font-weight:900;font-size:3.5vw}h2{font-weight:800;font-size:1.6vw;color:#e53935;padding-top:3vw}p{font-weight:500;font-size:1.2vw;line-height:2.2vw;padding-top:1.5vw}code{font-family:"Roboto Mono", monospace}div.code{width:100%;padding:1.3vw 1.6vw;margin-top:3vw;background:#263238;color:#fff;font-size:1.3vw;border-radius:5px}div.code fieldset{position:relative}div.code div.CodeMirror{height:initial}div.code div.CodeMirror *{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}iframe{height:100%;width:100%}