/* Icon */

    .icon {
        text-decoration: none;
        border-bottom: none;
        position: relative;
    }

        .icon:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands'; /*FontAwesome;*/
            font-style: normal;
            font-weight: 900;/*font-weight: normal;*/
            text-transform: none !important;
        }

        .icon > .label {
            display: none;
        }

    .bicon {
        text-decoration: none;
        border-bottom: none;
        position: relative;
    }

        .bicon:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands'; /*FontAwesome;*/
            font-style: normal;
            font-weight: 400;/*font-weight: normal;*/
            text-transform: none !important;
        }

        .bicon > .label {
            display: none;
        }


/* Button */

    input[type="dl-submit"],
    input[type="dl-reset"],
    input[type="dl-button"],
    dl-button,
    .dl-button {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        -moz-transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        background-color: transparent;
        border-radius: 5px;
        border: 0;
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;
        font-family: 'rawline', Raleway, Helvetica, sans-serif;
        font-size: 0.8em;
        font-weight: 700;
        height: 3.75em;
        letter-spacing: 0.1em;
        line-height: 3.75em;
        padding: 0 2.25em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
    }

        input[type="dl-submit"]:hover,
        input[type="dl-reset"]:hover,
        input[type="dl-button"]:hover,
        dl-button:hover,
        .dl-button:hover {
            background-color: rgba(255, 255, 255, 0.025);
        }

        input[type="dl-submit"]:active,
        input[type="dl-reset"]:active,
        input[type="dl-button"]:active,
        dl-button:active,
        .dl-button:active {
            background-color: rgba(255, 255, 255, 0.075);
        }

        input[type="dl-submit"].icon:before,
        input[type="dl-reset"].icon:before,
        input[type="dl-button"].icon:before,
        dl-button.icon:before,
        .dl-button.icon:before {
            margin-right: 0.5em;
            color: rgba(255, 255, 255, 0.35);
        }

        input[type="dl-submit"].bicon:before,
        input[type="dl-reset"].bicon:before,
        input[type="dl-button"].bicon:before,
        dl-button.bicon:before,
        .dl-button.bicon:before {
            margin-right: 0.5em;
            color: rgba(255, 255, 255, 0.35);
        }

        input[type="dl-submit"].special,
        input[type="dl-reset"].special,
        input[type="dl-button"].special,
        dl-button.special,
        .dl-button.special {
            background-color: #4c5c96;
            box-shadow: none;
        }

            input[type="dl-submit"].special:hover,
            input[type="dl-reset"].special:hover,
            input[type="dl-button"].special:hover,
            dl-button.special:hover,
            .dl-button.special:hover {
                background-color: #53639e;
            }

            input[type="dl-submit"].special:active,
            input[type="dl-reset"].special:active,
            input[type="dl-button"].special:active,
            dl-button.special:active,
            .dl-button.special:active {
                background-color: #45558d;
            }

            input[type="dl-submit"].special.icon:before,
            input[type="dl-reset"].special.icon:before,
            input[type="dl-button"].special.icon:before,
            dl-button.special.icon:before,
            .dl-button.special.icon:before {
                color: #7884b0;
            }

            input[type="dl-submit"].special.bicon:before,
            input[type="dl-reset"].special.bicon:before,
            input[type="dl-button"].special.bicon:before,
            dl-button.special.bicon:before,
            .dl-button.special.bicon:before {
                color: #7884b0;
            }

        input[type="dl-submit"].fit,
        input[type="dl-reset"].fit,
        input[type="dl-button"].fit,
        dl-button.fit,
        .dl-button.fit {
            display: block;
            margin: 0 0 1em 0;
            width: 100%;
        }

        input[type="dl-submit"].small,
        input[type="dl-reset"].small,
        input[type="dl-button"].small,
        dl-button.small,
        .dl-button.small {
            font-size: 0.6em;
        }

        input[type="dl-submit"].big,
        input[type="dl-reset"].big,
        input[type="dl-button"].big,
        dl-button.big,
        .dl-button.big {
            font-size: 1em;
        }

        input[type="dl-submit"].disabled,
        input[type="dl-submit"]:disabled,
        input[type="dl-reset"].disabled,
        input[type="dl-reset"]:disabled,
        input[type="dl-button"].disabled,
        input[type="dl-button"]:disabled,
        dl-button.disabled,
        dl-button:disabled,
        .dl-button.disabled,
        .dl-button:disabled {
            opacity: 0.25;
        }

        @media screen and (max-width: 640px) {

            input[type="dl-submit"],
            input[type="dl-reset"],
            input[type="dl-button"],
            dl-button,
            .dl-button {
                padding: 0;
            }

        }





/* Type */


    code {
        background: rgba(255, 255, 255, 0.025);
        border-radius: 5px;
        /*border: solid 2px rgba(255, 255, 255, 0.125);*/
        font-family: "Courier New", monospace;
        font-size: 1.1em;
        margin: 0 0.25em;
        padding: 0.25em 0.65em;
    }

    pre {
        -webkit-overflow-scrolling: touch;
        font-family: "Courier New", monospace;
        font-size: 1.1em;
        margin: 0 0 2em 0;
    }

        pre code {
            display: block;
            line-height: 1.75em;
            padding: 1em 1.5em;
            overflow-x: auto;
        }