html
      {
        box-sizing: border-box;
        overflow: -moz-scrollbars-vertical;
        overflow-y: scroll;
      }

      *,
      *:before,
      *:after
      {
        box-sizing: inherit;
      }

      body
      {
        margin:0;
        background: #fafafa;
      }
      .main-title {
        font-size: 24px;
        margin: 0 0 5px;
        font-family: sans-serif;
        color: #3b4151;
      }
      .sub-title {
        margin: 0 0 15px;
        font-size: 16px;
        display: -webkit-box;
        font-weight: 600;
      }
    .code {
        color: #c7254e !important;
        background-color: #f9f2f4 !important;
        border-radius: 4px !important;
    }
    kbd {
        color: #fff;
        background-color: #41444e;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
        font-size: 13px !important;
    }
    .code, kbd {
        padding: 2px 4px;
        font-size: 90%;
    }
    .code, kbd, pre, samp {
        font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    }
    .code-background {
        background-color: #41444e !important;
        padding: 9.5px !important;
        margin: 0 0 10px !important;
        font-size: 13px !important;
        word-break: break-all !important;
        word-wrap: break-word !important;
        border: 1px solid #ccc;
        border-radius: 4px !important;
    }