* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@import 'https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap';

:root {
    --white: #ffffff;
    --black: #000000;
    --default-nav: #292929;
    --default-footer: #3E495A;
    --light-green: #03AD53;
    --fb-btn: #4869D4;
    --google-btn: #EB4132;
    --shade-black: #09184B;
    --blackish: #333D4E;
    --fb-btn-hover: #647ed2;
    --google-btn-hover: #ea6256;
    --green-btn-hover: #026933;
    --light-brown: #8D7B72;
    --dark-brown: #5D4E47;
    --text-color: #818199;
    --wine-primary-color: #E5C0AE;
    --meat-primary-color: #FF0000;
    --dairy-primary-color: #3172EC;
    --dairy-secondary-color: #FFD203;
    --veg-primary-color: #FFBB12;
    --veg-secondary-color: #4B8904;
    --veg-btn: #486A1D;
    --veg_btn--hover: #62AF2F;
    --fertilizer-primary-color: #BB5817;
    --fish-primary-color: #004DD6;
    --fish-secondary-color: #FFC500;
    --fish-tertiary-color: #FF4F37;
    --nursery-primary-color: #6F9073;
    --grocery-primary-color: #FFA200;
    --mulish: "Mulish", sans-serif;
    --roboto: "Roboto", sans-serif;
    --montserrat: "Montserrat", sans-serif;
    --playfair: 'Playfair Display', serif;
    --josefin: 'Josefin Sans', sans-serif;
    --frank-ruhl-libre: 'Frank Ruhl Libre', serif;
    --open-sans: 'Open Sans', sans-serif;
    --oswald: 'Oswald', sans-serif;
    --lato: 'Lato', sans-serif
}

img {
    max-width: 100%;
    height: auto
}