.comment-item{list-style-type:none}.comment-container{display:flex}.initial-container{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:8px;margin-top:18px;width:32px}.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}.initial{color:#fff;font-family:Roboto;font-size:16px;margin:0}.username-time-container{align-items:center;display:flex;margin-bottom:12px;margin-top:20px}.username{color:#334155;font-size:16px;font-weight:500}.time,.username{font-family:Roboto;margin-bottom:0;margin-top:0}.time{color:#94a3b8;font-size:12px;margin-left:18px}.comment{color:#64748b;font-family:Roboto;font-size:14px}.buttons-container{justify-content:space-between}.buttons-container,.like-container{align-items:center;display:flex}.button{background-color:initial;border:none;color:#7e858e;cursor:pointer;font-family:Roboto;font-size:14px;font-weight:500;outline:none}.like-image{height:20px;margin-right:8px;width:20px}.active{color:#0ea5e9}.delete{height:20px;width:20px}.comment-line{border:1px solid #dee0e3;width:100%}.comments-app-container{display:flex;justify-content:center;margin-top:48px}@media screen and (min-width:768px){.comments-app-container{margin-top:96px}}.comments-container{display:flex;flex-direction:column;max-width:550px;width:90%}@media screen and (min-width:768px){.comments-container{max-width:1140px;width:80%}}.line{border:1px solid #dee0e3;margin-top:16px;width:100%}.comments-inputs{align-items:center;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width:768px){.comments-inputs{flex-direction:row}}.app-heading{color:#1e293b;font-family:Roboto;font-size:48px;margin-bottom:12px}@media screen and (min-width:768px){.app-heading{font-size:56px;margin-bottom:24px;margin-top:0}}.form-description{color:#475569;font-family:Roboto;font-size:16px;font-weight:500;margin-top:24px}.form{display:flex;flex-direction:column;order:1;width:100%}@media screen and (min-width:768px){.form{min-width:300px;order:0;width:28%}}.name-input{height:40px;margin-bottom:12px}.comment-input,.name-input{border:1px solid #cbd2d9;font-size:16px;padding-bottom:8px;padding-left:16px;padding-top:8px}.add-button,.comment-input,.name-input{border-radius:4px;font-family:Roboto;outline:none}.add-button{align-self:flex-start;background-color:#0284c7;border:none;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;min-width:60px;padding:8px 16px}.image{height:200px;width:280px}@media screen and (min-width:768px){.image{height:300px;width:380px}}.heading{color:#475569;font-family:Roboto;font-size:14px;font-weight:500;margin-left:8px}.comments-count{background-color:#0284c7;border-radius:4px;color:#fff;font-family:Roboto;font-size:12px;margin-right:4px;padding:4px 8px;text-align:center}.comments-list{margin-top:0;padding-left:0}*{box-sizing:border-box}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;margin:0}
/*# sourceMappingURL=main.b4e70d8e.css.map*/