html.dark-mode .bg-yellow-200 {
    background: rgba(161,98,7,var(--tw-bg-opacity));
}
html.dark-mode .bg-yellow-300 {
    background: rgba(202,138,4,var(--tw-bg-opacity));
}
html.dark-mode .bg-yellow-50 {
    background: rgba(113,63,18,var(--tw-bg-opacity));
}
html.dark-mode .bg-gray-800 {
    background: rgba(243,244,246,var(--tw-bg-opacity));
}
html.dark-mode .bg-gray-50 {
    background: rgba(17,24,39,var(--tw-bg-opacity));
}
html.dark-mode .bg-indigo-600 {
    background: rgba(165,180,252,var(--tw-bg-opacity));
}
html.dark-mode .bg-blue-100 {
    background: rgba(30,64,175,var(--tw-bg-opacity));
}
html.dark-mode .border-blue-100 {
    border-color: rgb(30,64,175);
}
html.dark-mode .bg-gray-100 {
    background: rgba(31,41,55,var(--tw-bg-opacity));
}
html.dark-mode .border-gray-800 {
    border-color: rgb(243,244,246);
}
html.dark-mode .bg-gray-200 {
    background: rgba(55,65,81,var(--tw-bg-opacity));
}
html.dark-mode .bg-gray-500 {
    background: rgba(156,163,175,var(--tw-bg-opacity));
}
html.dark-mode .text-gray-800 {
    color: rgba(243,244,246,var(--tw-text-opacity));
}
html.dark-mode .bg-red-600 {
    background: rgba(252,165,165,var(--tw-bg-opacity));
}
html.dark-mode .text-gray-50 {
    color: rgba(17,24,39,var(--tw-text-opacity));
}
html.dark-mode .bg-red-800 {
    background: rgba(254,226,226,var(--tw-bg-opacity));
}
html.dark-mode .bg-green-200 {
    background: rgba(21,128,61,var(--tw-bg-opacity));
}
html.dark-mode .bg-green-400 {
    background: rgba(34,197,94,var(--tw-bg-opacity));
}
html.dark-mode .bg-green-600 {
    background: rgba(134,239,172,var(--tw-bg-opacity));
}
html.dark-mode .text-gray-700 {
    color: rgba(229,231,235,var(--tw-text-opacity));
}
html.dark-mode .bg-gray-600 {
    background: rgba(209,213,219,var(--tw-bg-opacity));
}
html.dark-mode .border-gray-500 {
    border-color: rgb(156,163,175);
}
html.dark-mode .hover\:bg-gray-100:hover {
    background: rgba(31,41,55,var(--tw-bg-opacity));
}
html.dark-mode .text-gray-600 {
    color: rgba(209,213,219,var(--tw-text-opacity));
}
html.dark-mode .bg-blue-50 {
    background: rgba(30,58,138,var(--tw-bg-opacity));
}
html.dark-mode .text-blue-600 {
    color: rgba(147,197,253,var(--tw-text-opacity));
}
html.dark-mode .hover\:bg-gray-300:hover {
    background: rgba(75,85,99,var(--tw-bg-opacity));
}
html.dark-mode .focus\:border-gray-600:focus {
    border-color: rgb(209,213,219);
}
html.dark-mode .text-blue-700 {
    color: rgba(191,219,254,var(--tw-text-opacity));
}
html.dark-mode .bg-blue-300 {
    background: rgba(37,99,235,var(--tw-bg-opacity));
}
html.dark-mode .focus\:border-gray-500:focus {
    border-color: rgb(156,163,175);
}
html.dark-mode .text-indigo-600 {
    color: rgba(165,180,252,var(--tw-text-opacity));
}
html.dark-mode .text-indigo-400 {
    color: rgba(99,102,241,var(--tw-text-opacity));
}
html.dark-mode .text-blue-200 {
    color: rgba(29,78,216,var(--tw-text-opacity));
}
html.dark-mode .border-gray-700 {
    border-color: rgb(229,231,235);
}
html.dark-mode .border-gray-300 {
    border-color: rgb(75,85,99);
}
html.dark-mode .text-gray-900 {
    color: rgba(249,250,251,var(--tw-text-opacity));
}
html.dark-mode .text-blue-800 {
    color: rgba(219,234,254,var(--tw-text-opacity));
}
html.dark-mode .text-pink-500 {
    color: rgba(244,114,182,var(--tw-text-opacity));
}
html.dark-mode .border-gray-400 {
    border-color: rgb(107,114,128);
}
html.dark-mode .border-red-500 {
    border-color: rgb(248,113,113);
}
html.dark-mode .border-gray-600 {
    border-color: rgb(209,213,219);
}
/* added manually */
html.dark-mode .from-gray-700 {
    --tw-gradient-from: rgb(229,231,235);;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgb(229,231,235));
}
html.dark-mode .from-black {
    --tw-gradient-from: #fff;
    --tw-gradient-stops: var(
    --tw-gradient-from),var(--tw-gradient-to, rgba(255, 255, 255, 0));
}
html.dark-mode .bg-white {
    background: rgba(22, 22, 22, var(--tw-bg-opacity));
}
html.dark-mode .text-white {
    color:rgb(0, 0, 0, var(--tw-text-opacity))
}
html.dark-mode .text-black {
    color:rgb(255, 255, 255, var(--tw-text-opacity))
}
html.dark-mode nav svg {
    fill: white;
}
@media (min-width: 640px) {
    html.dark-mode .sm\:bg-none {
        background: transparent;
    }
    html.dark-mode .sm\:text-gray-900 {
        color: rgba(249,250,251,var(--tw-text-opacity));
    }
    html.dark-mode .sm\:text-gray-700 {
        color: rgba(229,231,235,var(--tw-text-opacity));
    }
    html.dark-mode .sm\:text-gray-50 {
        color: rgba(17,24,39,var(--tw-text-opacity));
    }
}
@media (min-width: 768px) {
    html.dark-mode .md\:bg-yellow-300 {
        background: rgba(202,138,4,var(--tw-bg-opacity));
    }
}