:root {
  --background: #ffffff;
  --foreground: #171717;
  --primary: #FFB506;
  --slate-800: #3B3B3B;
  --gray-light: #DCD8D8;
}
@layer base {
  body {
    font-family: 'Lato', sans-serif;
  }
}

body.menu-open {
  overflow: hidden;
}

.sidebar-transition {
    transition: transform 0.3s ease-in-out;
}

.overlay-transition {
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

@keyframes blob {
    0% { transform: translate(0,0) scale(1); }
    33% { transform: translate(30px,-20px) scale(1.1); }
    66% { transform: translate(-20px,20px) scale(0.9); }
    100% { transform: translate(0,0) scale(1); }
}
.animate-blob { animation: blob 12s infinite ease-in-out; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { scrollbar-width: none; }

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-scroll {
    animation: scroll 20s linear infinite;
 }

.animate-scroll:hover {
   animation-play-state: paused;
}

html {
  scroll-behavior: smooth;
}
img.all-images {
    width: 28% !important;
}