:root {
    --primary-color: rgb(0, 82, 33);
    --grey-color: rgb(200, 200, 200);
    --dark-grey-color: rgb(122, 122, 122);
    --very-light-grey: rgb(245, 245, 245);
    --light-grey-color: rgb(215, 215, 215);
    --green-background-color: rgb(230, 240, 230);
    --light-green-color: rgb(210, 230, 210);
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    background-color: var(--grey-color);
}

body { 
    padding-left: 3rem;
    padding-right: 3rem;
    margin: 0 auto 0 auto;
    max-width: 1024px;
    -webkit-font-smoothing: antialiased;
}

a, a:hover {
    cursor: pointer;
    text-decoration: none;
    color: black;
}

@media (max-width:767px) {

    body { 
        padding-left: 1rem;
        padding-right: 1rem;
    }
}