/** @format */

.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.animated {
  opacity: 1;
  transform: translateY(0);
}
.logo-circle {
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #1a365d;
}

:root {
  --color-primary: #7b06a4; /* Dark Blue */
  --color-secondary: #8a4da0; /* Teal */
  --color-accent: #bd25f5; /* Coral */
  --color-neutral: #f4f4f4; /* Light Gray */
  --color-text-primary: #333333; /* Dark Gray for text */
  --color-text-secondary: #ffa600; /* Medium Gray for secondary text */
}