.title {
    text-indent: .7rem;
    font-weight: 300;
    white-space: nowrap;
    letter-spacing: .7rem;
    font-size: 3rem;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.04;
}
.subTitle {
    font-size: 1.5rem;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0;
    max-width: 560px;
    margin-top: 8px;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
}
.boxWidth {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
}
@media (min-width: 960px) {
    .boxWidth {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%
    }
}
.box {
    background-color:#fafafa; /*rgba(33,150,243,.08);*/
}
@media (min-width: 960px) {
    .box {
        /*          border: 12px solid #fff;
                  padding: 40px 32px;*/
        border-left-width: 12px;
        margin: 0;
        box-sizing: border-box;
    }
}
.boxBorder {
    border: 12px solid #fff;
    padding: 24px 16px;
    border-left-width: 0;
    border-right-width: 0;
}
@media (min-width: 600px) {
    .boxBorder {
        padding: 40px 32px;
    }
}
@media (min-width: 960px) {
    .boxBorder {
        border-left-width: 12px;
        border-right-width: 12px;
    }
}
.boxFirst {
    border-bottom-width: 0;
}
@media (min-width: 960px) {
    .boxFirst {
        border-right-width: 0;
        border-bottom-width: 12px;
    }
}
.boxLast {
    border-top-width: 0;
}
@media (min-width: 960px) {
    .boxLast {
        border-top-width: 12px;
        border-left-width: 0;
    }
}
.boxTitle {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .0075em;
    margin: 0;
    display: block;
}
.boxContent {
    margin: 0 0 .35em 0;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: .00938em;
    display: block;
}
.boxIcon {
    color:#1976d2;
    font-size:30px;
    margin-right:16px;
    fill:currentColor;
    width:1em;
    height:1em;
    display:inline-block;
    transition:fill .2s cubic-bezier(.4,0,.2,1) 0s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    flex-shrink:0;
}
.break {
    margin-top: 32px;
    margin-bottom: 16px;
    height: 1px;
    border: none;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, 0.12);
}
.linkBtn{
    color:inherit;cursor:pointer;margin:0;border:0;display:inline-flex;padding:0;outline:0;
    position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
    user-select:none;align-items:center;border-radius:0;vertical-align:middle;justify-content:center;
    -moz-appearance:none;text-decoration:none;background-color:transparent;
    -webkit-appearance:none;-webkit-tap-highlight-color:transparent
}
.linkBtn::-moz-focus-inner{border-style:none}
.linkBtn.hov{cursor:default;pointer-events:none}
.linkBtnHov{
    color:rgba(0,0,0,.87);padding:6px 16px;font-size:.875rem;min-width:64px;
    transition:background-color 250ms cubic-bezier(.4,0,.2,1) 0s,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0s,border 250ms cubic-bezier(.4,0,.2,1) 0s;
    box-sizing:border-box;font-weight:600;line-height:1.75;font-family:Roboto,Helvetica,Arial,sans-serif;border-radius:4px;
    letter-spacing:.02857em;text-transform:uppercase
}
.linkBtnHov:hover{text-decoration:none;background-color:rgba(0,0,0,.08)
}
.linkBtnHov.hov{
    color:rgba(0,0,0,.26)
}
@media (hover:none){
    .linkBtnHov:hover{
        background-color:transparent
    }
}
.linkBtnHov:hover.hov{
    background-color:transparent
}
.linkBtnTxt {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}
.codePart{max-width:calc(100vw - 82px);color:rgba(0,0,0,.87);
    font-size:16px;font-family:Roboto,Helvetica,Arial,sans-serif;
    padding-bottom: 10px;
}
.codePart code,.codePart pre,.codePart pre[class*=language-]{
    background-color:#fff;
    white-space: pre-wrap;
}
.codePart code[class*=language-]{color:#fff;background-color:#333}
.codePart pre,.codePart pre[class*=language-]{margin:0;padding:8px;border-radius:4px;color:#fff;background-color:#333}
a {color:#e10050;text-decoration:none}
a:hover{text-decoration:underline}
td {font-size: 0.8rem;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: .00938em;
}
table {width: 100%; padding-bottom: 5px}
td input {width: 100%}
td select {width: 100%}