* {
  -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: #6e320d;
  --veg-secondary-color: #ffd203;
  --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;
}