.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}.comment-con{list-style-type:none;margin-top:15px}.comment-top-con,.initial-con{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.initial-con{min-width:30px;height:30px;border-radius:15px;color:#fff;-ms-flex-pack:center;justify-content:center;margin-right:10px;-ms-flex-item-align:start;align-self:flex-start;margin-top:12px}.name{color:#334155;font-weight:700}span{color:#94a3b8;font-weight:300;font-size:15px;margin-left:20px}.comment{color:#64748b}.comment-bot-con{-ms-flex-pack:justify;justify-content:space-between}.comment-bot-con,.like-con{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.btn{background-color:transparent;border:none;outline:none;cursor:pointer}.like-img{width:20px;height:20px}.like{color:#7e858e;margin-left:10px}.liked{color:#0ea5e9}.del-img{width:20px;height:20px}.bgcon{background-color:#dee0e3;font-family:roboto;padding:25px;min-height:100vh}.main-head{color:#1e293b;font-size:30px}.form-img-con{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.bgcon{padding:50px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.top-con{width:85%}.main-head{-ms-flex-item-align:start;align-self:flex-start;font-size:45px}.form-img-con{-ms-flex-direction:row;flex-direction:row}}.main-img{width:75%}@media screen and (min-width:768px){.main-img{-ms-flex-order:1;order:1;width:45%}}.form-desc{color:#475569;font-weight:700}input,textarea{background-color:transparent;border-radius:8px;padding:10px;outline:none;width:100%;margin-bottom:10px}@media screen and (min-width:768px){input,textarea{width:80%}}.add-btn{background-color:#0284c7;color:#cbd2d9;border:none;border-radius:8px;width:150px;height:40px;cursor:pointer;outline:none}@media screen and (min-width:768px){.add-btn{width:120px;height:35px}}hr{margin-top:15px;color:#cbd2d9;width:100%}.comment-count-text{color:#334155}@media screen and (min-width:768px){.comment-count-text{-ms-flex-item-align:start;align-self:flex-start}}.comment-count{color:#fff;background-color:#0284c7;border-radius:8px;padding:7px 12px;margin-right:5px}ul{padding-left:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.4cf8c505.chunk.css.map */