.style_headerArea__EoJYl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 30px;
    margin: 0 16px;
    border-bottom: 1px solid #e9e9e9;
    height: 100%;
}

/* For Amplify Authenticator */
:root {
    height: 100%;

    --primary-color: #5e7480;
    --primary-tint: #3c3c3c;
    --primary-shade: #3c3c3c;
    --secondary-color: #3c3c3c;

    --amplify-primary-color: var(--primary-color);
    --amplify-primary-tint: var(--primary-tint);
    --amplify-primary-shade: var(--primary-shade);
}

body {
    background-color: white !important;
    margin: 0;
    height: 100%;
}

@font-face {
    font-family: Mulish;
    font-weight: 400;
    src: url(../../static/media/Mulish-VariableFont_wght.bcafeb0f.ttf);
}

@font-face {
    font-family: Mulish;
    font-weight: 600;
    src: url(../../static/media/Mulish-VariableFont_wght.bcafeb0f.ttf);
}

@font-face {
    font-family: Mulish;
    font-weight: 700;
    src: url(../../static/media/Mulish-VariableFont_wght.bcafeb0f.ttf);
}

@font-face {
    font-family: Fredoka;
    font-weight: 400;
    src: url(../../static/media/Fredoka-VariableFont.2160dac3.ttf);
}

@font-face {
    font-family: Fredoka;
    font-weight: 500;
    src: url(../../static/media/Fredoka-VariableFont.2160dac3.ttf);
}

@font-face {
    font-family: Fredoka;
    font-weight: 700;
    src: url(../../static/media/Fredoka-VariableFont.2160dac3.ttf);
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    src: url(../../static/media/Inter-Regular.e89cb199.ttf);
}