code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{align-items:flex-start;display:flex;font-family:Roboto;justify-content:center;min-height:100vh;padding:24px 0}.comments-app-container{display:flex;flex-direction:column;max-width:700px;width:90%}.mid-container{display:flex;flex-direction:column;margin-bottom:10px}.heading{color:#1e293b;font-size:24px;margin-bottom:8px}.comments-img{margin-bottom:10px;width:200px}.form-container{align-items:flex-start;display:flex;flex-direction:column}.form-description{color:#475569;font-size:12px;font-weight:400;margin-bottom:10px}.name-input{margin-bottom:10px}.comment-input,.name-input{align-self:stretch;border:1px solid #dee0e3;border-radius:2px;color:#1e293b;font-size:12px;outline:none;padding:10px}.comment-input{height:80px;margin-bottom:14px}.add-comment-btn{background-color:#0284c7;border:none;border-radius:2px;color:#fff;font-size:12px;margin-bottom:14px;padding:6px 8px}.line{border:none;border-top:2px solid #dee0e3;margin-bottom:14px;width:100%}.comments-count{background-color:#0284c7;border-radius:2px;color:#fff;font-size:12px;margin-right:5px;padding:1px 5px}.comments-counter{color:#475569;font-size:12px;margin-bottom:20px}.comments-container{display:flex;flex-direction:column}@media (min-width:768px){.app-container{padding:48px 0}.mid-container{align-items:center;flex-direction:row;justify-content:space-between}.heading{font-size:32px;margin-bottom:16px}.comments-img{margin-bottom:0;width:300px}.form-container{order:-1}.form-description{font-size:16px}.comment-input,.name-input{font-size:16px;width:300px}.comments-count{font-size:16px}.comments-counter{color:#475569;font-size:16px}}.amber{background-color:#f59e0b}.blue{background-color:#0b69ff}.orange{background-color:#f97316}.emerald{background-color:#10b981}.teal{background-color:#14b8a6}.red{background-color:#b91c1c}.light-blue{background-color:#0ea5e9}.capitalize{text-transform:capitalize}.comment-card-container{display:flex;flex-direction:column}.comment-content-container{align-items:flex-start;display:flex;margin-bottom:12px}.comment-username-initial-container{border-radius:12px;color:#fff;font-size:12px;margin-right:12px;padding:5px 0;text-align:center;width:24px}.comment-container{display:flex;flex-direction:column}.comment-username-container{align-items:center;display:flex;margin-bottom:16px}.comment-username{font-size:12px;font-weight:400;margin-right:20px}.comment-time-distance{color:#94a3b8;font-size:8px}.comment{color:#64748b;font-size:12px}.comment-actions-container{display:flex;justify-content:space-between;margin-bottom:6px}.comment-action-button{background:#0000;border:none;cursor:pointer;display:flex;outline:none}.comment-like-icon{margin-right:12px;width:16px}.comment-like-text{color:#7e858e;font-size:12px}.comment-delete-icon{width:16px}.comment-liked{color:#0b69ff}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}
/*# sourceMappingURL=main.43ffc805.css.map*/