@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: 13px; background: #fff;}/* Track */body::-webkit-scrollbar-track{border-radius: 10px;}/* Handle */body::-webkit-scrollbar-thumb{background: silver; border-radius: 10px;}a{text-decoration: none;}#scroll_top{width: 40px;height: 40px;position: fixed;right: 6px;bottom: 10px;display: flex;z-index: 66;cursor: pointer;background: #3498db;color: #ecf0f1;display: flex;align-items: center;justify-content: center;font-size: 23px;transform: rotate(-90deg);display: none;}.wrp{width: 100%;max-width: 1070px;margin: 0 auto;background: #fff;}.top-logo{width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 5px 0;position: relative;background: #3498db;}.lg{color: #fff;font-size: 25px;letter-spacing: .6px;}.fixed-top{display: flex; align-items: center; justify-content: center; z-index: 90; position: sticky; top: 0; width: 100%; padding: 6px; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.2);}#input-box{height: 45px; width: 100%; outline: none; font-size: 19px; padding: 6px; background: #fff; letter-spacing: .6px; text-align: center; border: 2px solid #3498db;}#input-box::placeholder{color: #333;}main, .reandome-fonts{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}.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;}.fontmeme{background: #fff;font-size: 22px;margin: 3px;cursor: pointer;overflow-x: hidden;position: relative;padding: 10px;width: calc(50% - 10px);color: #222;border: 1px dashed rgba(0,0,0,0.4);text-align: center;}.fontmeme:hover{border: 1px solid #3498db;color: #3498db;background: #fdfdfd;}.fontmeme::-webkit-scrollbar{display: none;}.fontmeme-copied:after{content: "✔";position: absolute;right: 3px;top: 3px;font-size: 30px;color: red;}#copied{width: 100%;padding: 3px;position: fixed;bottom: -80px;left: 0;right: 0;background: rgba(0,0,0,0.8);color: #fff;text-align: center;font-size: 21px;transition: bottom 350ms linear;text-transform: capitalize;letter-spacing: .5px;}#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: #3498db;color: #fff;}#load:hover{background: #0984e3;}.rng-wrp{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: #3498db; border-radius: 1.3px;}input[type=range]::-webkit-slider-thumb{border: none; height: 25px; width: 25px; border-radius: 4px; background: #6c5ce7; cursor: pointer; -webkit-appearance: none; margin-top: -10px; max-width: 85%;}input[type=range]:focus::-webkit-slider-runnable-track{background: #3498db;}input[type=range]::-moz-rng-wrp-track{width: 100%; height: 5px; cursor: pointer; background: #3498db; border-radius: 1.3px;}input[type=range]::-moz-rng-wrp-thumb{border: none; height: 24px; width: 25px; border-radius: 3px; background: #6c5ce7; cursor: pointer; max-width: 85%;}input[type=range]::-ms-track{width: 100%; height: 5px; cursor: pointer; background: #3498db; border-radius: 1.3px;}input[type=range]::-ms-fill-lower{background: #2a6495; border-radius: 2.6px;}input[type=range]::-ms-fill-upper{background: #3498db; border-radius: 2.6px;}input[type=range]::-ms-thumb{border: none; height: 36px; width: 16px; border-radius: 3px; background: #6c5ce7; cursor: pointer; max-width: 85%;}input[type=range]:focus::-ms-fill-lower{background: #3498db;}input[type=range]:focus::-ms-fill-upper{background: #3498db;}#share-result{text-align: center;font-size: 17px;margin: 10px 0;padding: 3px 0;overflow: hidden;background: #fff;cursor: pointer;background: #3498db;color: #fff;}#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: 27px;letter-spacing: .6px;word-spacing: 3px;}.text-content h1{width: 100%;text-align: center;font-size: 25px;}.text-content h2{width: 100%;text-align: center;font-size: 23px;}.text-content p{font-size: 18px;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: 1px}.resp-sharing-button{transition: 25ms ease-out; padding: 3px 6px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width: 17px; height: 17px; 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;}/*footer*/footer{width: 100%;text-align: center;background: #111;padding: 3px 0;font-size: 17px;color: #fff;letter-spacing: .5px;}footer a{text-decoration: none;color: #f3f3f3;}/*all media querys*/@media (max-width: 800px){.fontmeme{font-size: 21px;padding-left: 0;}}@media (max-width: 700px){.fontmeme{width: calc(100% - 10px);}}@media (max-width: 500px){.fontmeme{font-size: 18px;}.nav-bar{display: none;}#tgl{display: flex;}}@media (max-width: 280px){.rng-wrp{font-size: 16px;}}@media (max-width: 250px){.rng-wrp{font-size: 14px;}}