body{background-color:var(--off-white);margin:0;padding:0;font-family:Arial,sans-serif}input::placeholder{font-size:.5rem}.Hams{width:80px;height:40px}.min-h-screen{text-align:center;background-color:var(--off-white);min-height:100vh;margin-top:5%}.bg-white{background-color:var(--off-white)}.rounded-md{border-radius:8px}.p-4{padding:16px}.text-2xl{text-align:center;font-size:1.2rem}.font-semibold{font-size:.7rem;font-weight:600}.mb-4{margin-bottom:16px}w .text-black{color:#000}.w-full{width:75%}.h-full{height:45px}.p-2{padding:8px}.border{border:1px solid #d1d5db}.border-gray-300{border-color:#d1d5db}.rounded{border-radius:4px}.bg-blue-500{color:#3b82f6;background-color:#fff;border:1px solid #acaeb1;width:20%;margin:auto;padding:7px;display:block}.hover\:bg-blue-600:hover{color:#fff;background-color:#3b82f6}.font-semibold{font-weight:600}.rounded-lg{border-radius:40px}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f6bf}.focus\:ring-blue-400:focus{border-color:#60a5fa}.focus\:ring-opacity-75:focus{opacity:.75}.space-y-3>*+*{margin-top:12px}.shadow-md{background-color:#fff;border-radius:20px;width:70vw;margin:auto;position:relative}@media screen and (max-width:600px){.text-2xl{text-align:center;font-size:1.5rem}.min-h-screen{text-align:center;background-color:var(--off-white);min-height:100vh;margin-top:10%;display:flex}.w-full{width:90%}.bg-blue-500{color:#3b82f6;background-color:#fff;border:1px solid #acaeb1;width:30%;margin-top:40px;padding:10px}.shadow-md{background-color:var(--off-white);border-radius:20px;width:100%;margin:0;position:relative}input::placeholder{font-size:.7rem}.Hams{width:15vw;height:4vh}}@media (max-width:800px) and (min-width:600px){.shadow-md{background-color:#fff;border-radius:20px;width:90vw;margin:auto;position:relative}}