:root {

    --white: #FFFFFF;
    --light-grey: #EBEBED;
    --beige: #A69D95;
    --brown: #4D4541;
    --dark: hsla(0, 0%, 0%, 0.25);

    --shadow: 0px 5px 11px rgba(0, 0, 0, 0.2), 0px 21px 21px rgba(0, 0, 0, 0.17), 0px 47px 28px rgba(0, 0, 0, 0.1), 0px 83px 33px rgba(0, 0, 0, 0.03), 0px 130px 36px rgba(0, 0, 0, 0);

    --border-radius-1: 5px;
    --border-radius-2: 10px;

    --font-family-unbounded: "Unbounded", serif;
    --font-family-roboto-condensed: "Roboto Condensed", serif;

    --font-size-1: 3.125rem;
    --font-size-2: 2.25rem;
    --font-size-3: 1.563rem;
    --font-size-4: 1.25rem;
    --font-size-5: 1.125rem;
    --font-size-6: 1rem;

    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;

    --transition-1: .25s ease;
    --transition-2: .35s ease-in-out;

}