@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;font-family:Roboto,sans-serif}:root{--primary-color: #2c3e50;--secondary-color: #ecf0f1;--accent-color: #3498db;--text-main: #ffffff}body{background:linear-gradient(135deg,var(--primary-color),#ecf0f1);display:flex;min-height:100vh;align-items:center;justify-content:center}main{background-color:#ffffff1a;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:auto}p{margin:0}h1{margin:0;font-size:2rem;color:var(--secondary-color)}input[type=text]{padding:10px;border-radius:5px;border:none}input[type=color]{border-radius:5px;border:solid;border-width:2px;transition:.3s;border-color:var(--primary-color)}input[type=color]:hover{transform:scaleX(1.1);color:#fff;cursor:pointer;background-color:var(--primary-color)}.color_picker,.title_span{text-align:center;display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:2rem;flex-direction:column}.title_span{margin-bottom:1rem;gap:2px}.bottom_container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form_container form{display:flex;flex-direction:column;gap:15px}.qr_container{display:flex;flex-direction:column;align-items:center;padding:6px;margin:0 auto;border-radius:1rem}.input_group{display:flex;flex-direction:column}.qr_class{border-radius:16px;border:line}.gen_qr,.download_qr{padding:12px;background-color:var(--accent-color);color:#fff;border:solid;border-width:2px;border-color:var(--primary-color);border-radius:5px;cursor:pointer;font-weight:700;transition:.3s;margin-top:10px}.gen_qr{min-width:8rem;margin:0 auto}.gen_qr:hover,.download_qr:hover{translate:0px -5px;color:#fff;cursor:pointer;background-color:var(--primary-color)}