:root {
    --html-bg: #7d0011;
    --font-fg: #ffffff;
    --fg: #ffffff;

    --search-bg: #0f0f0f;
    --search-bg-input: #121212;
    --search-bg-input-border: #303030;
    --search-select: #111111;

    --border: #303030;

    --link: #8ab4f8;
    --link-visited: #c58af9;

    --snip-border: #303030;
    --snip-background: #0f0f0f;
    --snip-text: #ffffff;

    --settings-border: #303030;
    --button: #111111;

    --footer-bg: #0f0f0f;
    --footer-font: #ffffff;

    --highlight: #ofofof;

    --blue: #007032;

    --green: #31b06e;

    --image-view: #0f0f0f;
    --image-view-titlebar: #0f0f0f;
    --view-image-color: #000000;
    --image-select: #303030;
    --fff: #fff;

    --search-button: #ffffff;

    --publish-info: #7f869e;

    color-scheme: dark;
}

.results {
    background: #0f0f0f;
    border: 7px solid #0f0f0f;

}

.result_sublink {
    background: #0f0f0f;
    border: 8px solid #0f0f0f;
}

.calc-btn:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.calc-btn-2:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.calc-btn-2 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.calc-btn {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.calc {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.view-image-search {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.view-image-search:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
