@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
:root {
    --mainfontFamily: 'Lato', sans-serif;
    --optionalfontFamily: 'Nunito', sans-serif;
    --mainColor: #322012; /* brown */
    --optionalColor: #4F758B; /* blue */
    --optionalColorDark: #476a7d;
    --optionalColorLight: #6495b1;
    --secondaryColor: #afa9a0; /* light brown */
    --whiteColor: #ffffff;
    --blackColor: #003956;
    --fontSize: 16px;
    --transition: .5s;
    --required-failed-border: red;
    --lightestBackground: #fafafa;
    --lightBackground: #f3f3f3;
    --glow-color: #322012;
}