* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #000000;
}

body {
  margin-top: 0.6rem;
  font-size: 16px;
  color: rgb(25, 26, 25);
  /* font-family:"Poppins"; */
  /* biome-ignore lint/a11y/useGenericFontNames: <explanation> */
  font-family: nunito;
  font-weight: 500;
  height: 100%;
  /* background-color: var(--mainBackgroundColor);  */
  background: var(--mainBackgroundColor);
  /* max-width: 100vw; */
padding-bottom: 25%;

}



/* add button */
#addItemButton {
  position: fixed;
  z-index: 100;
  bottom: 3%;
  right: 3%;
  background-color: var(--headerColor);
  padding:11px 11px 8px 11px;
  border-style: hidden;
  border-radius: 50%;
  cursor: pointer
}

#plusSvg {
  /* margin: 0.3em; */
  height: 3.7em;
}

#addItemButton:hover {
  background-color: var(--headerDarkerColor);

}

/* Desktops */
@media (min-width: 1025px) {
  body {
    background: var(--test);
  }

}