.h-screen,body,html{height:100%}.font-bold,.text-3xl{font-weight:700}body,html{margin:0;padding:0}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.max-w-md{max-width:28rem;box-shadow:0 0 20px rgba(0,0,0,.2)}.bg-gray{background-color:#d2cbcb}.p-8{padding:2rem}.text-3xl{font-size:1.875rem}.ml-10{margin-left:10px}.mb-6{margin-bottom:1.5rem}.block{display:block}.text-gray-600{color:#4b5563}.text-green-500{color:#00ff08}.text-red-500{color:red}.text-center{text-align:center}.mt-1{margin-top:.25rem}.w-full{width:100%}.border-gray-300{border-color:#e5e7eb}.bg-blue-500{background-color:#3b82f6}.bg-gray-600{background-color:#1f2937}.hover\:bg-blue-600:hover{background-color:#2563eb}.text-white{color:#fff}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.rounded-md{border-radius:.375rem}.focus\:outline-none:focus{outline:0}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px rgba(59,130,246,.5)}.gap-4>*,.space-y-4>*{margin-bottom:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}