@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap);*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{justify-content:center;width:100%;height:100vh;background-color:#18181b}#container,body{display:flex;align-items:center}#container{gap:3.5rem}#whatsapp_number{padding:2rem;color:#f8fafc;background-color:#262626;border-radius:8px}#form,#whatsapp_number{display:flex;flex-direction:column;gap:2rem}#title{font-size:2.25rem;position:relative;padding:.6rem}#title:after{position:absolute;content:"";background-color:#16a34a;width:8rem;height:3px;bottom:0;left:0;border-radius:3px}.input-box label{font-size:1.1rem;color:#cbd5e1;font-weight:500}.input-field{display:flex;align-items:center;justify-content:space-between;background-color:#3f3f46;padding:.3rem;border-radius:3px;margin-top:3px}.input-field i,.input-field span{color:#128c7e;font-size:1.3rem;padding:.6rem 1rem}.input-field input{background-color:transparent;border:none;width:100%;font-size:1.3rem;color:#f8fafc;padding:0 .5rem}.input-field input::-webkit-inner-spin-button,.input-field input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.input-field input:focus{outline:none}#generate{border:none;font-size:1.25rem;font-weight:700;background-color:#16a34a;color:#f8fafc;padding:.5rem 0;border-radius:3px;cursor:pointer}#generate:hover{background-color:#106830;transition:1s}#result{border-top:1px solid #ffffff34;padding-top:1.5rem}#result a{color:#16a34a;display:flex;justify-content:center;align-items:center;gap:.6rem;text-decoration:none;transition:color .5s}#result a:hover{color:#cbd5e1}@media screen and (max-width:500px){#title{text-align:center}#container,#whatsapp_number{width:100%;height:100%}#whatsapp_number{border-radius:0;justify-content:center}.input-field input{font-size:.9rem}}