*{box-sizing:border-box;margin:0;padding:0;transition:1s}:root{--primary-color:#222;--secondary-color:#ccc;--accent-color:#9500ff}.dark{--primary-color:#ccc;--secondary-color:#222}body{background-color:#222;background-color:var(--primary-color);color:#ccc;color:var(--secondary-color);overflow:scroll}body::-webkit-scrollbar{display:none}.navbar{background-color:#ccc;background-color:var(--secondary-color);border-radius:0 0 10px 10px;box-shadow:0 0 20px #ccc;box-shadow:0 0 20px var(--secondary-color);display:flex;font-size:2rem;justify-content:space-between;padding:15px 20px}.navbar,.switch,.switch>label{color:#9500ff;color:var(--accent-color)}.textinput{display:flex;justify-content:center;padding:20px}.textinput>textarea{background-color:#ccc;background-color:var(--secondary-color);border-radius:50px;box-shadow:0 0 10px #ccc;box-shadow:0 0 10px var(--secondary-color);color:#9500ff;color:var(--accent-color);font-size:1.5rem;height:30vh;outline:none;padding:50px;width:90vw}.textinput>textarea::-webkit-scrollbar{display:none}.allbut,.buttonbox{display:flex;justify-content:center}.buttonbox{flex-wrap:wrap;gap:20px;width:90vw}.uppercase{background-color:#ccc;background-color:var(--secondary-color);border-radius:20px;box-shadow:0 0 10px #9500ff;box-shadow:0 0 10px var(--accent-color);color:#9500ff;color:var(--accent-color);cursor:pointer;font-size:1.5rem;min-width:300px;padding:10px 30px;transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.uppercase:hover{box-shadow:none;-webkit-transform:translateY(2px);transform:translateY(2px)}.textpreview{align-items:center;color:#ccc;color:var(--secondary-color);display:flex;flex-direction:column;margin-top:20px}.previewtit{font-size:2rem;font-weight:600;width:80vw}.previewbix{min-height:10vh;width:80vw}.textcount{font-size:2rem;margin:auto;width:80vw}.timerequired{font-size:1.5rem;margin:auto;width:80vw}.timerequired>span{color:#9500ff;color:var(--accent-color)}@media only screen and (max-width:800px){.textinput>textarea{border-radius:20px;height:40vh;padding:10px 20px;width:100vw}.buttonbox{padding:10px;width:100vw}.uppercase{font-size:1.2rem;min-width:150px}}
/*# sourceMappingURL=main.f3232d69.css.map*/