@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body,html{background-color:#f3de8a;font-family:"Poppins",sans-serif;color:#272838}.header,body,html{display:flex;flex-direction:row;justify-content:center;align-items:center}.header__title{text-transform:capitalize;font-size:3.5rem}.header__icon{position:absolute;right:20px;top:20px;padding:0 20px;font-size:3.5rem;font-weight:700;background-color:#f5cd30;border-radius:.5rem;box-shadow:10px 10px 5px 0 rgba(0,0,0,.5);transition:box-shadow 1s}.header__icon:hover{cursor:pointer;box-shadow:5px 5px 5px 0 rgba(0,0,0,.75)}@media screen and (max-width:576px){.header__title{font-size:1.3rem}.header__icon{font-size:.813rem;top:20px;right:10px;padding:5px}.header__icon,.header__icon:hover{box-shadow:none}}@media screen and (min-width:576px){.header__title{font-size:1.8rem}.header__icon{font-size:1.5rem}}@media screen and (min-width:768px){.header__title{font-size:2.5rem}.header__icon{font-size:1.8rem}}@media screen and (min-width:992px){.header__title{font-size:3.5rem}.header__icon{font-size:2.5rem}}@media screen and (min-width:1200px){.header__icon,.header__title{font-size:3.5rem}}.output{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:30px;gap:30px}.output__box{background-color:#f5cd30;font-size:1.5rem;padding:10px;height:500px;width:600px;box-shadow:10px 10px 5px 0 rgba(0,0,0,.5);border:none;resize:none;overflow-y:auto}.output__box::-webkit-scrollbar{width:6px;background-color:#eaeaea;border-left:1px solid #ccc}.output__box::-webkit-scrollbar-thumb,.output__box::-webkit-scrollbar-thumb:hover{background-color:#626161}.output__box:focus{outline:none}.output__box *{margin-top:-5px;word-break:break-word}@media screen and (max-width:576px){.output__box{font-size:.813rem;height:210px;width:300px}.output__box::-webkit-scrollbar{width:4px}.output{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:15px;gap:15px}}@media screen and (min-width:576px){.output__box{font-size:.938rem;height:280px;width:500px}.output__box::-webkit-scrollbar{width:4px}.output{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:15px;gap:15px}}@media screen and (min-width:768px){.output__box{font-size:1.3rem;height:510px;width:345px}.output__box::-webkit-scrollbar{width:4px}.output{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:20px;gap:20px}}@media screen and (min-width:992px){.output__box{font-size:1.5rem;height:510px;width:450px}}@media screen and (min-width:1200px){.output__box{font-size:1.5rem;height:510px;width:590px}}
/*# sourceMappingURL=main.4e56887b.chunk.css.map */