:root {
    --white: #FFFFFF;
    --accent: #324B5A;
    --hoverdark: #2a343b;
    --hoverlight: #628095;
    --light: rgb(229, 229, 229);
    --shadow: 10px 10px 10px rgba(3, 3, 3, 0.2);

    /* FONT SIZES */
    --header-lg: 35px;
    --header-xl: 4rem;
    --secondary-header: 25px;
    --font-small: 19px;
    --font-medium: 21px;
    --font-btn: 15px;


    /* FONT SIZES - MOBILE */
    --header-xl-m: 3rem;
    --font-small-m: 14px;
    --font-medium-m: 18px;

    /* ICON SIZES */
    --card-icon: 2.5rem;
}