@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: #ecf0f1;}/* width */body::-webkit-scrollbar{width: 3px; background: #fff;}/* Track */body::-webkit-scrollbar-track{border-radius: 10px;}/* Handle */body::-webkit-scrollbar-thumb{background: #6c5ce7;}a{text-decoration: none;}#scroll_top{width: 40px;height: 40px;position: fixed;right: 3px;bottom: 10px;display: flex;z-index: 66;cursor: pointer;background: #0984e3;color: #ecf0f1;display: flex;align-items: center;justify-content: center;font-size: 23px;transform: rotate(-90deg);display: none;}.logo{width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 5px 0;position: relative;background: #0984e3;}.lg{color: #fff;font-size: 25px;}/*toogle button*/#tgl{width: 35px;height: 100%;display: flex;justify-content: center;flex-direction: column;cursor: pointer;position: absolute;top: 0;left: 10px;}#tgl span{display: flex;height: 3px;background: #fff;margin: 2.5px 0;}nav{width: 220px; max-width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: #000; display: none; z-index: 94;}nav a{width: 100%; padding: 5px 0; display: block; padding-left: 5px; text-transform: capitalize; text-decoration: none; color: lightgrey; font-size: 18px; letter-spacing: 0.4px;}nav a:hover{color: orange;}.close{width: 40px; height: 40px; display: grid; place-items: center; background: red; color: #fff; position: fixed; left: 220px; top: 0; cursor: pointer; font-size: 28px; display: none; z-index: 93;}.sticky{display: flex; align-items: center; justify-content: center; z-index: 90; position: sticky; top: 0; background: #0984e3; width: 100%; padding: 5px;}#txt{height: 60px; width: 100%; max-width: 1000px; outline: none; border: none; font-size: 19px; padding: 6px; background: #fff; letter-spacing: .6px; text-align: center; border-radius: 6px;}#txt::placeholder{color: #555;}main, .reandome-fonts{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}.reandome-fonts{margin-top: 40px;}.reandome-fonts h2{width: 100%;text-align: center;font-size: 26px;margin-bottom: 10px;letter-spacing: .6px;color: rgba(0,0,0,0.6);font-weight: bold;}.yaytext{background: #fff;font-size: 22px;margin: 3px;cursor: pointer;max-width: calc(100% - 10px);overflow-x: hidden;position: relative;padding: 17px 10px;width: calc(50% - 50px);border-radius: 6px;color: #333;text-align: center;border: 1px solid rgba(0,0,0,0.16);}.yaytext:hover{border: 1px solid #0984e3;color: #0984e3;}.copied-aft:after{content: "Copied"; font-size: 17px; position: absolute; right: 3px; top: 3px; padding: 5px; background: #0984e3; color: #fff;}.yaytext::-webkit-scrollbar{display: none;}#load{width: 300px;text-align: center;padding: 5px;font-size: 25px;display: flex;align-items: center;justify-content: center;margin: 10px auto;cursor: pointer;background: #0984e3;color: #fff;}#load:hover{background: #6c5ce7;}.range-btn{display: flex;align-items: center;justify-content: center;padding: 10px 0;font-size: 20px;margin: 5px;}input[type=range]{-webkit-appearance: none; margin: 10px 0; width: 160px; margin-left: 10px;}input[type=range]:focus{outline: none;}input[type=range]::-webkit-slider-runnable-track{width: 100%; height: 5px; cursor: pointer; background: #0984e3; border-radius: 1.3px;}input[type=range]::-webkit-slider-thumb{border: none; height: 25px; width: 25px; border-radius: 50%; background: #B52CFC; cursor: pointer; -webkit-appearance: none; margin-top: -10px; max-width: 85%;}input[type=range]:focus::-webkit-slider-runnable-track{background: #0984e3;}input[type=range]::-moz-range-btn-track{width: 100%; height: 5px; cursor: pointer; background: #0984e3; border-radius: 1.3px;}input[type=range]::-moz-range-btn-thumb{border: none; height: 24px; width: 25px; border-radius: 3px; background: #B52CFC; cursor: pointer; max-width: 85%;}input[type=range]::-ms-track{width: 100%; height: 5px; cursor: pointer; background: #0984e3; border-radius: 1.3px;}input[type=range]::-ms-fill-lower{background: #2a6495; border-radius: 2.6px;}input[type=range]::-ms-fill-upper{background: #0984e3; border-radius: 2.6px;}input[type=range]::-ms-thumb{border: none; height: 36px; width: 16px; border-radius: 3px; background: #B52CFC; cursor: pointer; max-width: 85%;}input[type=range]:focus::-ms-fill-lower{background: #0984e3;}input[type=range]:focus::-ms-fill-upper{background: #0984e3;}#shr-res{text-align: center;font-size: 17px;margin: 10px 0;box-shadow: 0 0 5px rgba(0,0,0,0.3);padding: 3px 0;overflow: hidden;background: #fff;cursor: pointer;}#share-result{text-align: center; cursor: pointer;}.text-content{width: 1100px;max-width: 100%;padding: 10px;margin: 0 auto;overflow-x: hidden;}.text-content h1, .text-content h2, .text-content h3, .text-content p, .text-content ul, .text-content ul li{line-height: 30px;letter-spacing: .6px;word-spacing: 3px;}.text-content h1{width: 100%;text-align: center;font-size: 27px;}.text-content h2{width: 100%;text-align: center;font-size: 23px;}.text-content p{font-size: 17px;color: #222;}.text-content img{margin: 0 auto;display: flex;max-width: 100%;}.text-content ol, .text-content ul{margin-left: 20px; font-size: 16px; line-height: 24px;}.wraper{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}.name-ex{line-height: 30px !important;font-size: 16px !important;}/*share buttons*/.shr-it{display: flex; justify-content: center; font-size: 18px; align-items: center; letter-spacing: .5px; margin: 5px;}.resp-sharing-button__link,.resp-sharing-button__icon{display: inline-block}.resp-sharing-button__link{text-decoration: none; color: #fff; margin: .5px}.resp-sharing-button{transition: 25ms ease-out; padding: 5px 8px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width: 18px; height: 18px; margin-right: 0.4em; 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;}/*footer*/footer{width: 100%;text-align: center;background: #111;padding: 3px 0;font-size: 18px;color: #fff;letter-spacing: .5px;}footer a{text-decoration: none;color: #00ffff;}.footer-links{display: flex;flex-wrap: wrap;justify-content: center;padding: 5px 0;}.footer-links a{color: #f3f3f3;border-right: 1px solid silver;padding: 0 7px;text-transform: capitalize;}.footer-links a:hover{color: lightgrey;}.app{font-size: 23px;padding: 3px 0;text-align: center;margin: 7px auto;width: 200px;background: #039f56;cursor: pointer;color: #fff;}.app:hover{background: #037c44;}/*all media querys*/@media (max-width: 800px){.yaytext{font-size: 21px;}}@media (max-width: 700px){.yaytext{width: calc(100% - 10px);box-shadow: none;border: 1px solid rgba(0,0,0,0.2);white-space: pre-wrap;height: auto;display: block;margin: 3px 0;text-align: center;}}@media (max-width: 500px){.yaytext{font-size: 18px;}.nav-bar{display: none;}#tgl{display: flex;}}@media (max-width: 280px){.range-btn{font-size: 16px;}}@media (max-width: 250px){.range-btn{font-size: 14px;}}