:root {
  --color-main: rgba(252, 209, 218, 1); /* Main brand color */
  --color-body: #f5f2e5; /* Background/body */
  --color-text: rgba(57, 68, 74, 1); /* Paragraphs & general text */
  --color-button: rgba(57, 68, 74, 1); /* Button background */
  --color-paragraph: rgba(74, 74, 74, 1);
  --color-card: #384349;
  --font-main: "Fb Einstein HebEng", sans-serif; /* Main font */
}

@font-face {
  font-family: "Fb Einstein HebEng";
  src: url("/fonts/FbEinsteinHebEng-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Fb Einstein HebEng";
  src: url("/fonts/FbEinsteinHebEng-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Fb Einstein HebEng";
  src: url("/fonts/FbEinsteinHebEng-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

.font-einstein {
  font-family: "Fb Einstein HebEng", sans-serif;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-body);
  font-family: var(--font-main);
  color: var(--color-text);
  direction: rtl;
}

@keyframes shake-rotate {
  0%,
  100% {
    transform: rotate(0deg);
  }
  20%,
  60% {
    transform: rotate(-10deg);
  }
  40%,
  80% {
    transform: rotate(10deg);
  }
}

.animate-shake {
  animation: shake-rotate 0.4s ease-in-out;
}



body::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;

  opacity: 0.2; /* adjust transparency */
  z-index: -1;  /* behind content */
}

.hidden-menu {
  display: none !important;
}