@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*{box-sizing: border-box;margin: 0;padding: 0;font-family: 'Roboto', sans-serif;}html{font-size: 16px;}body{background: #f3f3f3;}p{margin: 5px 0;}.top{width: 100%;text-align: center;font-size: 19px;padding: 6px 0;background: #001d97;}.top a{text-decoration: none;color: #fff;letter-spacing: .5px;}input[type=checkbox]{margin-right: 0;}.container{background-color: #001d97; padding: 10px; width: 800px; max-width: calc(100% - 10px); border-radius: 7px; margin: auto; color: #fff;}.result-container{background-color: #f3f3f3; display: flex; align-items: center; position: relative; font-size: 18px; letter-spacing: 1px; padding: 12px 10px; height: 50px; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; color: #000;}.result-container::-webkit-scrollbar{display: none;}.result-container #result{word-wrap: break-word;max-width: calc(100% - 40px);}.result-container .btn{font-size: 20px;position: absolute;top: 5px;right: 5px;height: 40px;width: 40px;background: #fff;border: 1px solid #000;display: flex;align-items: center;justify-content: center;}.result-container .btn:hover{background: #fff;}.result-container .btn img{width: 25px;height: 25px;}.btn{border: 1px solid #fff; color: #fff; cursor: pointer; font-size: 18px; padding: 8px 12px; background-color: #00177a; text-transform: capitalize;}.btn:hover{background: #00042e;}.btn-large{display: block;width: 100%;}.sec{display: flex; justify-content: space-between; align-items: center; margin: 16px 0; font-size: 18px; text-transform: capitalize;}.lnt{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 21px;margin: 5px 0;}.lnt input[type=range]{margin-left: 7px;}.val{margin-left: 10px;}input[type=range]{width: 300px;max-width: calc(100% - 40px);}.copied{font-size: 18px;background: #000;padding: 5px 20px;position: fixed;top: 10px;left: 50%;color: #fff;letter-spacing: .6px;display: none;transform: translate(-50%, 0);box-shadow: 0 0 7px 1px rgba(0,0,0,0.3);white-space: nowrap;}.shr-it{display: flex; justify-content: center; font-size: 16px; align-items: center; letter-spacing: 0.6px; margin-bottom: 5px; color: #f3f3f3;}.resp-sharing-button__link,.resp-sharing-button__icon{display: inline-block;}.resp-sharing-button__link{text-decoration: none; color: #fff; margin: 0.5px;}.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: 0.4rem; vertical-align: top;}.resp-sharing-button--small svg{margin: 0; vertical-align: middle;}/* Non solid icons get a stroke */.resp-sharing-button__icon{stroke: #fff; fill: none;}/* Solid icons get a fill */.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;}.text{width: 100%;padding: 0 7px;}.text p{font-size: 19px;letter-spacing: .7px;line-height: 30px;}@media screen and (max-width: 400px){.result-container{font-size: 15px;}}html {font-size: 16px;}