:root {
    --blueDark: #1B222C;
    --dark: #12151C;
    --red: #C30101;
    --redDark: #661b1c;
    --white: #FFF;
}

@font-face {
    font-family: "poppins";
    src: url("public/fonts/Poppins-Regular.ttf");
}

* {
    font-family: "poppins";
}

.cv {
    text-decoration: none;
}

.cv:hover {
    color: white;
}

.bg-black {
    background-color: var(--dark);
}

.bg-red-dark {
    background-color: var(--redDark);
}

.bg-blue {
    background-color: var(--blueDark);
}

.bg-red {
    background-color: var(--red);
}

.bg-white {
    background-color: var(--white);
}

.text-black {
    color: var(--dark);
}

.text-blue {
    color: var(--blueDark);
}

.text-red {
    color: var(--red);
}
.text-red-dark {
    color: var(--redDark);
}

.text-white {
    color: var(--white);
}

.animate{
    transform: scaleX(0);
    background-color: rebeccapurple;
    /* animation: scale 2s ease-in; */
}

@keyframes scale {
    0%{
        transform: scaleX(0);
    }
    100%{
        transform: scaleX(1);
    }
}