@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
:root{
    --colorPrimary:#0072ce;
    --colorSecondary:#eeae38;
    --colorNeutral:#9f9f9f;

    --colorPrimaryAlt:#ffffff;
    --colorSecondaryAlt:#fffce4;
    --colorNeutralAlt:#333333;

    --colorPrimaryDark:#004e8d;
    --colorSecondaryDark:#614833;
    --colorNeutralDark:#333;

    --colorPrimaryLight:#42a4f5;
    --colorSecondaryLight:#ffc875;
    --colorNeutralLight:#f7f7f7;
    
    --colorText:rgba(0, 0, 0, 0.87);
    --colorTextAlt:#fff;
    --colorIcon:rgba(0, 0, 0, 0.54);
    --colorBackground:#f4f4f4;
    --colorBackgroundDark:#333;
    --colorBackgroundLight:#fff;
    --colorDisabledBackground:rgba(0, 0, 0, 0.06);
    --colorDisabledText:rgba(0, 0, 0, 0.34);
    --colorShadow:rgba(0,0,0,0.1);
    --colorShadowDark:rgba(0,0,0,0.4);
    --colorShadowDarker:rgba(0,0,0,0.8);
    --colorShadowLight:rgba(0,0,0,0.05);
    --colorShadowLighter:rgba(0,0,0,0.01);
    --colorHighlight:rgba(255,255,255, 0.1);
    --colorHighlightLight:rgba(255,255,255, 0.4);
    --colorHighlightLighter:rgba(255,255,255, 0.8);
    --colorError:#b94444;
    --colorWarning:#f9b333;
    --colorSuccess:#8BC34A;

    --scrollbarThumb:rgba(0, 0, 0, 0.29);
    --scrollbarActive:#0072ce;
    --scrollbarTrack:transparent;
    --scrollbarWidth:8px;

    --fontFamily:Rajdhani;
    --iconFamily:'icons';
    --textSize:16pt;

    --fontXXS:0.4rem;
    --fontXS:0.6rem;
    --fontS:0.8rem;
    --fontM:1rem;
    --fontL:1.1rem;
    --fontXL:1.4rem;
    --fontXXL:2rem;

    --fontNestedXXS:0.4em;
    --fontNestedXS:0.6em;
    --fontNestedS:0.7em;
    --fontNestedM:1em;
    --fontNestedL:1.1em;
    --fontNestedXL:1.4em;
    --fontNestedXXL:2em;

    --speedFFF: 100ms;
    --speedFF: 200ms;
    --speedF: 500ms;
    --speedS: 1s;
    --speedSS: 3s;
    --speedSSS: 6s;
    --speedD: 0s;
    
    --contentWidth:1280px;

    --sizeXXS:1px;
    --sizeXS:2px;
    --sizeS:10px;
    --sizeM:20px;
    --sizeL:34px;
    --sizeXL:64px;
    --sizeXXL:440px;
}

html, body{
    margin: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
a{
    color: inherit;
    transition: var(--animateNormal) color ease;
    text-decoration: none;
    font-weight: bold;
}
a:hover{
    color: var(--colorPrimary);
}
*{
    position: relative;
}

.googleMapsEmbeded{
    width: 100%;
    height: var(--sizeXXL);
    margin-top: var(--sizeXL);
    background-color: var(--colorShadow);
}