/* ******************************* */
/* *  Base Style sheet           * */
/* ******************************* */

:root {
    --color-gray-darken-3: #1a1a1a;
    --color-gray-darken-2: #222222;
    --color-gray: #2b2b2b;
    --color-gray-lighten-1: #222222;
    --color-gray-lighten-7: #333333;
    --color-gray-lighten-2: #444444;
    --color-gray-lighten-3: #555555;
    --color-gray-lighten-4: #666666;
    --color-gray-lighten-5: #888888;
    --color-gray-lighten-6: #cccccc;

    --color-gredgray: #363636;
    --color-textgredgray: #39393a;
    --color-itemgray: #aaaaaa;

    --color-bluegray: #3b424d;
    --color-orange: #ff9900;
    --color-red: #ff0000;
    --color-warningred: #ff6666;
    --color-darkred: #330000;
    --color-blue: #0066cc;
    --color-noteblue: #66b3ff;
    --color-darkblue: #001133;
    --color-green: #00ff00;
    --color-lightgreen: #99cc99;
}

/* -=== body =================- */

body {
    background-image: url("../img/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: var(--color-gray);

    color: var(--color-gray-lighten-3);
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 11px;
    margin: 10px;
}

/* -=== links =================- */

a:link, a:visited { color: var(--color-orange); text-decoration: none; }
a:hover, a:active { color: #ffffff; text-decoration: underline; }

/* -=== cursor =================- */

* {
  cursor: url("../img/cursor.png"), auto !important;
}

code {
    font-family: "courier new", courier, monospace;
    color: var(--color-lightgreen);
}

kbd {
    font-family: tahoma, sans-serif;
    background-color: var(--color-gray-lighten-6);
    color: #000000;
    border: 1px outset #ffffff;
    padding: 0 3px;
    font-size: 10px;
    font-weight: bold;
}