html,body{height:100%;margin:0;overflow:hidden}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0 auto;text-align:center;background-color:#dcdad1}.instructions{font-family:Jua;font-size:50px;font-weight:250;text-align:center;margin:20px}.jua-regular{font-family:Jua,sans-serif;font-weight:400;font-style:normal}.btn{height:80px;line-height:80px;width:180px;font-size:2em;font-weight:700;border-radius:50%;text-align:center;cursor:pointer;box-shadow:0 8px 16px #0003,0 6px 20px #00000030;border:none;background-color:#fff}.inputtxt{display:flex;gap:.5rem}.inputtxt input{width:60px;padding:12px;font-size:16px;border:2px solid #ccc;border-radius:8px;text-align:center;transition:border-color .3s,box-shadow .3s;outline:none}.inputtxt input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.inputtxt input::placeholder{color:#888;font-style:italic}.card-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.select{background-color:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:12px;padding:10px 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;max-width:300px;outline:none;cursor:pointer;box-shadow:0 4px 6px #0000001a;margin-bottom:20px}
