@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {

    --bg-primary: #222222;
    --bg-secondary: #434242;
    --bg-elem: #262A34;

    /* --color-primary: #F3EFE0; */
    --color-primary: #FFFFFF;
    --color-secondary: #5D6171;

    --red: #FF968E;
    --green: #8CCC76;
    --blue: #246BFD;
    --purple: #A06AFA;
    --turkies: #2cc7d2;

    --highlight: #22A39F;


    --main-side-margin: 20px;

    --main-nav-item-border: 15px;

}

@keyframes msg_box_delay {
    0% {
        width: 0%;
    }
    100% {
        width: calc(100% - 4px);
    }
}

@keyframes show_hide_delay {
    0% {
        display: block;
    }
    99% {
        display: block;
    }
    100% {
        display: none;
    }
}