@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: #f2f2f2;}.top{width: 100%;text-align: center;padding: 5px 0;font-size: 23px;background: #d63031;}.top a{text-decoration: none;color: #f3f3f3;letter-spacing: 0.3px;}.container{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}.main{width: 900px;max-width: calc(100% - 16px);box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 20px;}#text-box{width: 100%;height: 500px;border: none;outline: none;font-size: 23px;color: #111;resize: none;background-image: linear-gradient(90deg, rgba(255,0,0,0.7) 1px, rgba(255,0,0,0.7) 1px), linear-gradient(#fff, #fff 23px, rgba(0,0,0,0.4) 23px, #fff 24px, #fff 24px); background-size: 2px 100%, 100% 26px; background-position: 60px top, left 0px; background-repeat: no-repeat, repeat; line-height: 26px !important; background-attachment: local; padding-top: 25px; padding-left: 80px; letter-spacing: 0.6px; scrollbar-width: none;}#text-box::-webkit-scrollbar{display: none;}#text-box::-moz-scrollbar{display: none;}.tool-bar{width: 100%;padding: 6px;display: flex;overflow-x: auto;background: #fff;border-bottom: 2px solid rgba(255,0,0,0.7);}.tool-bar span{margin: 0 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;flex-wrap: nowrap;}.tool-bar span label{display: flex;flex-wrap: nowrap;flex-direction: column;align-items: center;justify-content: center;}.tool-bar span label span{white-space: nowrap;}.tool-bar span:hover{background: #f3f3f3;}.tool-bar img{width: 25px;height: 25px;}.tool-bar span span{font-size: 15px;letter-spacing: 0.3px;}.alert-box{background: #111;color: #f3f3f3;font-size: 20px;padding: 6px 20px;position: fixed;right: 50%;bottom: 35px;letter-spacing: 1px;transform: translate(50%, -50%);}.cover{background: rgba(0,0,0,0.5);z-index: 77;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;}.prompt-box{width: 400px;max-width: calc(100% - 20px);display: flex;flex-direction: column;align-items: center;justify-content: center;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #2c3e50;padding: 10px;z-index: 88;}.prompt-box *{margin: 7px 0;}.prompt-box input{font-size: 18px;border: none;outline: none;padding: 3px;width: calc(100% - 14px);max-width: 300px;}.prompt-box input::placeholder{color: #111;opacity: 1;text-transform: capitalize;}.prompt-box button{font-size: 20px;padding: 3px 10px;cursor: pointer;background: #EA2027;border: none;outline: none;color: #f3f3f3;letter-spacing: 0.6px;}.prompt-box button:hover{background: #ff3838;}.text-doc{width: 100%;margin-top: 10px;padding: 10px;background: #111;}.text-doc h1{width: 100%;text-align: center;letter-spacing: 0.7px;line-height: 30px;font-size: 23px;font-weight: normal;color: #f2f2f2;}.text-doc h2{letter-spacing: 0.5px;line-height: 30px;font-size: 21px;font-weight: normal;color: #f2f2f2;}.text-doc p{font-size: 19px;color: silver;letter-spacing: 0.7px;line-height: 30px;}.shr-it{display: flex;font-size: 17px;align-items: center;letter-spacing: 0.6px;color: #222;max-width: calc(100% - 16px);padding: 3px 0;width: 100%;}.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;}.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;}@media (max-width: 400px){#text-box{background-position: 40px top, left 0px;padding-left: 50px;}}