@font-face {
  font-display: swap; 
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('/public/fonts/quicksand300.woff2') format('woff2'); 
}

@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('/public/fonts/quicksandregular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('/public/fonts/quicksand700.woff2') format('woff2');
}

@font-face {
  font-family: "bootstrap-icons";
  src: url("/public/fonts/bootstrap-icons.woff2") format("woff2");
}

:root {
  --bs-body-font-family: 'Quicksand', system-ui, -apple-system, sans-serif;
}

#leftMenu {
  top: 48px;
  left: 24px;
  height: 85%;
  width: fit-content;
  min-width: 50%;
  max-width: 60%;
  /* min-width: 50%; */
  /* margin-left: 24px; */
  border-radius: 2px;
}
#rightMenu {
  top: 48px;
  right: 24px;
  height: 85%;
  width: fit-content;
  min-width: 50%;
  max-width: 60%;
  /* margin-left: 24px; */
  border-radius: 2px;
}