/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap'); */
:root {
    --dark: #06021b;
    --white: #f8f8f8;
    --bgColor: #f8f8f8;
    --bgCard: #4c79f5;
    --primary-color: #ff9800;
    --primary-dark: #f57c00;
    --secondary-color: #2196f3;
    --success-color: #4caf50;
    --error-color: #f44336;
    --warning-color: #ffc107;
    --text-primary: #212121;
    --text-secondary: #757575;
}

body {
    background: var(--white);
    user-select: none;
}

.headerFixed {
    position: fixed;
    top: 0;
}

.bgCard {
    background: var(--bgCard);
    color: #f8f8f8;
}

.flexCenter {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: var(--white); */
}
.flexAround {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* background: var(--white); */
}

.flexRowCenter {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* background: var(--white); */
}