@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif}html{font-size:16px;scroll-behavior:smooth}body{background:#3100a9}.top{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#b90066;padding-bottom:3px}.pages::-webkit-scrollbar{display:none}.pages{width:100%;overflow-x:auto;text-align:center;white-space:nowrap}.pages a{font-size:18px;text-transform:uppercase;text-decoration:none;color:#f3f3f3;letter-spacing:.5px;padding:3px 8px;border-bottom:2px solid #b90066;cursor:pointer;display:inline-block}.active{background:#005cbb;border-bottom:2px solid #fff!important}.pages a:hover{border-bottom:2px solid #fff;transition:all 400ms linear}.container{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}#form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:500px;background:#003dab;padding:20px 0;border-radius:8px;max-width:calc(100% - 15px)}#form *{margin:5px 0}section{font-size:20px;color:#fff;display:flex;flex-direction:column;justify-content:center}section label{width:100%}textarea{border:none;outline:none;width:370px;height:100px;font-size:18px;padding:5px;border:2px solid silver}input[type=url],input[type=number],input[type=email],input[type=text]{font-size:18px;padding:5px;outline:none;width:370px;border:2px solid silver}input::placeholder,textarea::placeholder{color:#333;opacity:1}main{margin-left:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}#download{font-size:22px;padding:3px 102px;outline:none;border:none;margin-top:10px;background:#b90066;color:#fff;cursor:pointer}#clr{font-size:20px;color:#fff;display:flex;align-items:center;cursor:pointer}#color-preview{height:25px;width:25px}#generate{font-size:22px;padding:3px 30px;outline:none;border:none;background:#b90066;color:#fff;letter-spacing:.5px;cursor:pointer}#err{color:#fff;font-size:19px;letter-spacing:.5px;margin:0;color:red;background:silver;padding:0 20px;display:none}button:hover{box-shadow:0 0 5px 2px rgba(0,0,0,.3)}#qrcode{width:300px;height:300px}.cont{width:100%;background:#000;padding:10px}.cont h1{width:100%;text-align:center;font-size:21px;color:#fff;letter-spacing:1px;font-weight:normal;line-height:30px}.cont h2{font-size:19px;color:#fff;font-weight:normal;letter-spacing:1px;line-height:30px}.cont p{font-size:18px;color:silver;letter-spacing:1px;line-height:30px}.cont ol{font-size:18px;color:silver;margin-left:20px;letter-spacing:1px;line-height:30px}.cont img{max-width:100%}@media (max-width:485px){input[type=url],input[type=number],input[type=email],input[type=text],textarea{font-size:17px;width:250px}section{font-size:17px}}@media (max-width:919px){main{margin:0}.container{flex-direction:column}#form{margin-bottom:10px}}.shr-it{display:flex;justify-content:center;font-size:16px;align-items:center;letter-spacing:.6px;margin:8px 0;color:#f3f3f3}.resp-sharing-button__link,.resp-sharing-button__icon{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:1px}.resp-sharing-button{transition:25ms ease-out;padding:4px 7px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:16px;height:16px;margin-right:.4rem;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--twitter{background-color:#55acee}.resp-sharing-button--twitter:hover{background-color:#2795e9}.resp-sharing-button--facebook{background-color:#3b5998}.resp-sharing-button--facebook:hover{background-color:#2d4373}.resp-sharing-button--email{background-color:#777}.resp-sharing-button--email:hover{background-color:#5e5e5e}.resp-sharing-button--whatsapp{background-color:#25d366}.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active{background-color:#2d4373;border-color:#2d4373}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee}.resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active{background-color:#2795e9;border-color:#2795e9}.resp-sharing-button--email{background-color:#777777;border-color:#777777}.resp-sharing-button--email:hover,.resp-sharing-button--email:active{background-color:#5e5e5e;border-color:#5e5e5e}.resp-sharing-button--whatsapp{background-color:#25d366;border-color:#25d366}.resp-sharing-button--whatsapp:hover,.resp-sharing-button--whatsapp:active{background-color:#1da851;border-color:#1da851}html{font-size:16px}