css/r00t.css - master - RaskolnickOFF/3D

/* css/r00t.css */

@layer variables {
    :root {
        /* paddings, margins */
        --micro: 1px;
        --macro: 2px;
        --tiny: 5px;
        --mini: 8px;
        --small: 10px;
        --small-: -10px;
        --standart: 15px;
        --big: 20px;
        --big-: -20px;
        --biggest: 25px;
        --biggest-: -25px;
        /* special */
        --circle: 50%;
        /* fonts */
        --small-font: 11px;
        --tiny-font: 14px;
        --medium-font: 16px;
        --large-font: 24px;
        /* UI */
        --size-width: 280px;
        --half-width: 140px;
        --size-minimap: 200px;
        --hud: 400px;
        --hud-item: 90px;
        --heartbeat: 320px;
        /* colors */
        --white: rgb(255, 255, 255);
        --black: rgb(0, 0, 0);
        --grey: rgb(128, 128, 128);
        --green: rgb(0, 255, 170);
        --darkgreen: rgb(0, 96, 96);
        --yellow: rgb(255, 204, 0);
        --red: rgb(255, 50, 50);
        --orange: rgb(255, 170, 50);
        --blue: rgb(80, 160, 255);
        --darkblue: rgb(0, 0, 128);
        /* transparent colors */
        --alpha: transparent;
        --black-a2: rgba(0, 0, 0, 0.2);
        --black-a7: rgba(0, 0, 0, 0.7);
        --white-a1: rgba(255, 255, 255, 0.1);
        --white-a2: rgba(255, 255, 255, 0.2);
        --white-a3: rgba(255, 255, 255, 0.3);
        --white-a4: rgba(255, 255, 255, 0.4);
        --white-a8: rgba(255, 255, 255, 0.8);
        /* z indexes */
        --fps: 1000;
        --critical: 9999;
        /* other */
        --shadow: 1px 1px 1px var(--black);
    }

    body {
        background-color: var(--black);
        color: var(--white);
    }
}