:root{
    --main-background-color: #080808;
    --container-background-color: #141414;
    --primary-color: #21ae5e;
    --primary-color-darker: #18723e;
    --drawer-darker-primary: rgba(21, 68, 42, 0.4);
    --animation-board-color: rgba(255, 255, 255, 0.6);
    --primary-text-color: var(--primary-color);
    --pick-text-color: #FCFCFC;
    --white-text-color: #e1e1e1;
    --grey-color: #c5c5c5;
    --draw-display-color: #242424;
    --button-top-color: #2b2b2b;
    --button-bottom-color: #202020;
    --button-border-color: #343434;
    --green-botton-color: #0ba805;
    --card-color: #444444;
    --green-text-color: #aaffa5;
    --positive-notification-color: rgba(4, 96, 0, 0.9);
    --negative-notification-color: rgba(110, 1, 1, 0.9);
    --red-botton-color: #9a0212;
    --red-text-color: #ff9ca6;
}

body{
   font-family: "Roboto Condensed", serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
    padding: 0;
    margin: 0;
    background-color: var(--main-background-color);

}

.clockFont{
    font-family: "Orbitron", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.primaryColor{
    color: var(--primary-color);
}