@import url(https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);

body {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    color: var(--font);
}

* {
    box-sizing: border-box;
}

#svelte {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    flex: 1;
}

:root {
    --primary: #37a3df;
    --primaryAlt: #208eca;
    --primaryAlt2: #1d82ba;
    --primaryAlt3: #5cb4e5;

    --backgroundAlt: #ececec;

    --green: #439f23;
    --greenAlt: #37831e;
    --red: #e30000;
    --gray: #cdcdcd;

    --dont-count: #272727;
    --worker0: #b96f00;
    --l4: #8b1e1e;
    --uz: #2a8818;
    --night: #7a7a7a;
    --free: #52802d;
    --close: #e95e5e;

    --font: #3d3d3d;
    --fontSecondary: #fff;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: #ececec;
    padding: 2px;
}

::-webkit-scrollbar-thumb {
    background: #cbcbcb;
    border-radius: 5px;
}