body {
            font-family: 'Inter', sans-serif;
            background-color: #f0f4f8; /* A light, pleasant background color */
            transition: background-color 0.3s ease;
        }

        .dark-mode {
            background-color: #1a202c;
            color: #e2e8f0;
        }

        .toggle-btn {
            position: fixed;
            top: 1rem;
            right: 1rem;
            z-index: 100;
        }

        .icon-small {
  width: -10px;         /* Adjust size as needed */
  height: -10px;
  vertical-align: middle;  /* Aligns with text */
  margin-right: 0px;
  margin-left: 0px;       /* Space between icon and text */

}

.copy-right{
    color: gray;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0px;
}

        /* Responsive Navbar */
        .header-bg {
            background-image: linear-gradient(to right, #6d28d9, #4f46e5);
        }

        @media (max-width: 768px) {
            .nav-links {
                display: none;
                flex-direction: column;
                width: 100%;
                background-color: #4f46e5;
                position: absolute;
                top: 4rem;
                left: 0;
            }

            .nav-links.active {
                display: flex;
            }

            .nav-links a {
                padding: 1rem;
                text-align: center;
            }
        }

        /* Custom footer styles */
        .footer-bg {
            background-color: #1a202c;
        }
        
        /* Game specific styles */
        .choice-button {
            transition: transform 0.2s ease, box-shadow 0.2s ease;
        }

        .choice-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .result-message {
            animation: fadeIn 1s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }