/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/* Base styles */
body {
    perspective: 1000px;
    font-family: 'Chakra Petch';
}

.inverted h2 {
  color : #9494b8;
}

.inverted div {
  color : #9494b8;
}

/* Additional custom styles for specific components */
.dot.active {
    transform: scale(1.2);
    box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.8);
}

/* Animation for feature cards */
.feature-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Ensure slider images don't shrink */
#slider img {
    min-width: 100%;
}

/* Custom utility classes */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@keyframes spin {
    from {
      transform: rotateY(0deg);
    }
    to {
      transform: rotateY(360deg);
    }
  }
  
  /* Apply to logo */
  .spinning-logo {
    animation: spin 8s linear infinite;
    transition: animation 0.3s ease;
  }
  
  .spinning-logo:hover {
    animation-duration: 2s;
  }