/* Colors : pink: #ff00ea. */
:root {
  --primary1: #8d7e00;
  --primary1-dark: #665c00;
}

* {
  box-sizing: border-box;
  transition: background-color 300ms ease, color 300ms ease;
}

*:focus {
  outline: none;
}

html,
body {
  /* background-color: var(--navbar); */
  /* background: var(--color1-1); */
  background: linear-gradient(90deg, var(--navbar) 0%, rgb(235, 235, 235) 50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  color: var(--color2-dark);
  font-family: "Cairo", sans-serif;
  font-size: 18px;
  margin: 0;
  padding: 0;

  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

.primary1 {
  color: var(--primary1);
  border-color: var(--primary1) !important;
}

.bg-primary1 {
  background-color: var(--primary1);
  border-color: var(--primary1) !important;
}

.bg-primary1:hover {
  background-color: var(--primary1-dark);
}