* {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    font-display: optional;
    font-family: "Google Sans", sans-serif;
}
:root {
    --max-width: 1920px;
    --container: 1000px;
    --width-100: 100%;
    --color-2163B1: #2163b1;
    --color-04968B: #04968B;
    --color-white: white;
    --color-black: black;
    --color-3D96FE: #5e6368;
    --color-3D77BB: #3d77bb;
    --color-80CBC4: #80CBC4;
    --color-02685B: #02685B;

    --background-color-04968B: #04968B;
    --background-color-05968B: #05968B;
    --background-color-80CBC4: #80CBC4;
    --background-color-2163B1: #2163b1;
    --background-color-000C76: #000c76;
    --background-color-white: white;
    --background-color-F2F2F2: #f2f2f2;
    --background-color-02685B: #02685B;
    --background-color-black: black;

    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-26: 26px;
    --font-size-28: 28px;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;

    --margin-auto: 0 auto;

    /* display */
    --display-flex: flex;
    --display-block: block;
    --center: center;
    --text-left: left;

    --justify-content-center: center;
    --align-items-center: center;

    /* position */
    --position-absolute: absolute;
    --position-relative: relative;
}
body {
    margin: 0 auto;
    width: 100%;
    height: auto;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    overflow-x: hidden !important;
    max-width: var(--max-width);
}