* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Archivo', sans-serif;
}

:root {
    /* Background Color */
    --bg-primary-color: #3154D1;
    --bg-secondary-color: #19369C;
    --bg-base-color: #F2F2F2;
    --bg-royal-blue: #496BE5;
    --bg-white: #FFFFFF;
    --bg-light-gray: #D3D3D3;
    --bg-active-tab: #2196f3;

    /* Text Color */
    --text-primary: #3154D1;
    --text-dark-blue: #045A73;
    --text-black: #000000;
    --text-white: #FFFFFF;
    --text-gray: #7E7E7E;
    --text-light-gray: #d3d3d3;
    --text-granite-gray: #666666;

}

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    background-color: var(--bg-base-color);
    line-height: 1.5;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}