body,h1,p{margin:0;padding:0}body{font-family:default;background-color:#f4f4f4}.card{max-width:600px;margin:0 auto;background-color:#fff;box-shadow:0 0 10px rgb(0 0 0 / .2);border-radius:5px;padding:20px;text-align:center;position:relative}.card h1{font-size:24px;color:#333;margin-bottom:20px}#businessCardForm label{display:block;margin-bottom:5px;text-align:left;font-weight:700;color:#555}#businessCardForm input[type="text"],#businessCardForm input[type="email"],#businessCardForm input[type="tel"]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}#generateButton{width:100%;padding:10px;background-color:#007BFF;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s}#generateButton:hover{background-color:#0056b3}.generated-card{display:none;margin-top:20px;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .2);padding:20px;text-align:left}.card-header{background-color:#f0f0f0;padding:10px}#logo{display:block;max-width:50%;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto}.card-content{display:flex;justify-content:space-between;background-color:#fff;padding:20px}.left-content{width:65%}.right-content{width:35%;text-align:center}.generated-card h2{font-size:28px;color:#333;margin-bottom:15px}.generated-card p{font-size:16px;color:#555;margin-bottom:10px}#name{font-size:28px}.card-footer{background-color:#f0f0f0;padding:10px}.card-footer p{font-size:10px;text-align:center;margin-top:10px}@media (max-width:600px){.card{max-width:100%;margin:10px;box-shadow:none}}#businessCardForm .form-group{margin-bottom:15px}#businessCardForm label{display:block;font-weight:700;color:#555}#businessCardForm input[type="text"],#businessCardForm input[type="email"],#businessCardForm input[type="tel"]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}#qrcode{margin:20px;display:flex;align-items:center}#qrcode img{display:block;width:128px;height:128px;box-shadow:0 0 10px rgb(0 0 0 / .2);margin-left:auto;margin-right:auto}.download-options{margin-top:20px;text-align:center;display:none}button{padding:10px 20px;background-color:#007BFF;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s}button:hover{background-color:#0056b3}#resultHeading{display:none}#businessCardForm input[type="text"],#businessCardForm input[type="email"],#businessCardForm input[type="tel"]{background-color:#f4f4f4}