:root {
    --font-family: 'Roboto', sans-serif;
    --max-width: 1366px;
    --color-primary: #69B3E7;
    --color-primary2: #30A8FF;
    --color-primary3: #498CA2;
    --color-primary4: #85C3ED;
    --color-primary5: #B0DBF6;
    --color-secondary: #E78C69;
    --color-secondary2: #FF6930;
    --color-dark: #1B3C65;
    --color-dark2: #252E42;
    --color-dark3: #263238;
    --color-dark4: #000;
    --color-dark5: darkslategray;
    --color-dark6: #666;
    --color-dark7: #114d79;
    --color-dark8: #004080;
    --color-light: #fff;
    --color-light2: #EBF1F4;
    --color-light3: #CCEEFF
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}