:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.header{background-color:#2e2e2e;color:#fff;width:100%;padding:2rem;font-weight:700}.main-section{display:flex}.heading-title{font-size:20px;text-align:center}.btn{width:100%;background-color:#8f2cc1;color:#fff;padding:1rem;border:none;margin:1rem 0;border-radius:10px;font-weight:700;font-size:18px}.btn-clear{width:100%;background-color:#ff9729;color:#fff;padding:1rem;border:none;border-radius:10px;font-weight:700;font-size:18px}.checkbox-container{display:flex;flex-direction:column;padding:1rem}.checkbox{display:flex;gap:5px}.textarea-container{display:flex;flex-direction:column;padding:1rem}.main-section{display:flex;flex-direction:column;justify-content:center;gap:20px}.textarea{width:100%;padding:.5rem}@media(min-width:768px){.main-section{display:flex;justify-content:center;flex-direction:row;gap:20px}.textarea-section{display:flex;flex-direction:column;gap:20px}.textarea-container{width:350px}.results-section{display:flex;flex-direction:column;align-items:start;gap:20px}.textarea{max-width:500px}}