:root {
    --primary: #d3d3d3;
    --secondary: #aaaaaa;
    --black: #ccc;
    --blackTrans: rgba(255, 255, 255, 0.4);
    --white: #323232;
    --darkestGrey: rgb(119, 119, 119);
    --transparent: #323232;
    --creme: #777;
    --silvergrey: #9e9d9d;
    --darkgrey: #a3a3a3;
    --red: #c96969;
    --middle-grey: #323232;
    --loading-background: rgba(119, 119, 119, 0.6);
    --green: rgb(2, 138, 2);
    --box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
    --box-shadow-hover: 0 12px 18px rgba(255, 255, 255, .200);
    --container-background: linear-gradient(to right, #323232 30%, rgba(255, 255, 255, 0)),
        linear-gradient(to right, rgba(255, 255, 255, 0), #323232 70%) 0 100%,
        radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.6),
            rgba(0, 0, 0, 0)),
        radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.6),
            rgba(0, 0, 0, 0)) 0 100%;
}