extra.css

.bg-white{background-color:#fff}.bg-gray-400{background-color:#cbd5e0}.bg-gray-900{background-color:#1a202c}.bg-red-100{background-color:#fff5f5}.bg-red-400{background-color:#fc8181}.bg-orange-300{background-color:#fbd38d}.bg-orange-800{background-color:#9c4221}.bg-yellow-100{background-color:ivory}.bg-yellow-300{background-color:#faf089}.bg-green-100{background-color:#f0fff4}.bg-green-600{background-color:#38a169}.bg-teal-500{background-color:#38b2ac}.bg-teal-900{background-color:#234e52}.bg-blue-100{background-color:#ebf8ff}.bg-blue-900{background-color:#2a4365}.bg-indigo-100{background-color:#ebf4ff}.bg-indigo-400{background-color:#7f9cf5}.bg-indigo-800{background-color:#434190}.hover\:bg-gray-800:hover{background-color:#2d3748}.focus\:bg-gray-800:focus{background-color:#2d3748}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.cursor-pointer{cursor:pointer}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.font-semibold{font-weight:600}.h-3{height:.75rem}.h-4{height:1rem}.leading-relaxed{line-height:1.625}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.-mr-2{margin-right:-.5rem}.focus\:outline-none:focus{outline:0}.p-1{padding:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-gray-100{color:#f7fafc}.text-gray-800{color:#2d3748}.text-gray-900{color:#1a202c}.text-red-900{color:#742a2a}.text-orange-100{color:#fffaf0}.text-orange-900{color:#7b341e}.text-yellow-900{color:#744210}.text-green-100{color:#f0fff4}.text-green-900{color:#22543d}.text-teal-100{color:#e6fffa}.text-blue-100{color:#ebf8ff}.text-blue-900{color:#2a4365}.text-indigo-100{color:#ebf4ff}.text-indigo-900{color:#3c366b}.hover\:text-white:hover{color:#fff}.hover\:text-gray-300:hover{color:#e2e8f0}.hover\:text-gray-600:hover{color:#718096}.hover\:text-red-100:hover{color:#fff5f5}.hover\:text-orange-700:hover{color:#c05621}.hover\:text-yellow-700:hover{color:#b7791f}.hover\:text-green-300:hover{color:#9ae6b4}.hover\:text-teal-300:hover{color:#81e6d9}.hover\:text-blue-300:hover{color:#90cdf4}.hover\:text-indigo-100:hover{color:#ebf4ff}.hover\:text-indigo-300:hover{color:#a3bffa}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.uppercase{text-transform:uppercase}.hover\:underline:hover{text-decoration:underline}.tracking-wider{letter-spacing:.05em}.w-3{width:.75rem}.w-4{width:1rem}.w-full{width:100%}a{color:inherit;text-decoration:inherit;background-color:transparent}*{box-sizing:border-box;border:0 solid #e2e8f0}.fade-in-top{-webkit-animation:fade-in-top .8s cubic-bezier(.39,.575,.565,1);animation:fade-in-top .8s cubic-bezier(.39,.575,.565,1)}@-webkit-keyframes fade-in-top{to{transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:px-20{padding-left:5rem;padding-right:5rem}}