.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}.list-ele{display:-ms-flexbox;display:flex;padding:10px;-ms-flex-direction:column;flex-direction:column;margin-top:-25px;margin-bottom:10px;width:100%}.logo{padding:10px;width:50px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-pack:center;justify-content:center;font-size:23px;font-weight:900;border-radius:100%}.logo,.logo-name-time-container{color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.logo-name-time-container{font-family:Roboto}.name{font-weight:800;font-size:19px}.name,.time{margin-left:20px}.time{-ms-flex-align:start;align-items:flex-start}.comment{color:#fff;margin-left:36px;margin-right:3px;width:80%;margin-top:-30px}.like-btn-delete-btn-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;width:90%}.like-logo{width:20px;height:20px;margin-right:5px}.like-btn-container{display:-ms-flexbox;display:flex;opacity:.9;-ms-flex-align:center;align-items:center;font-weight:800;outline:none;border:0;padding:0 14px;height:30px;border-radius:10px}.comment-text{font-weight:800}@media (min-width:579px){.a:hover{background-color:#0096ff;color:#fff;font-family:sans-serif}}.btn-name,.btn-name-s{font-family:"roboto";font-weight:600}.btn-name-s{color:#0096ff}.like-btn-container1{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:.6;height:30px;border-radius:10px;padding:0 4px 0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;border:0}.b:hover{background-color:#b91c1c}.hr{width:100%}.bg-container{background:-webkit-gradient(linear,left top,left bottom,from(#d65bd4),color-stop(40%,#9826fc));background:linear-gradient(180deg,#d65bd4,#9826fc 40%);min-height:110vh;font-family:"roboto";-ms-flex-align:center;align-items:center}.bg-container,.main-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.main-container{width:100%;min-height:60vh;padding-bottom:20px;background-color:transparent}.title-container{display:-ms-flexbox;display:flex;margin-top:20px;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.main-head{color:#fff;margin-bottom:29px;font-family:"roboto";font-size:40px;width:69%;text-align:center;border-bottom:3px ridge #fff;animation:myBorder 2s infinite alternate-reverse}@-webkit-keyframes myBorder{0%{border-color:#06d7df}25%{border-color:#ecd505}50%{border-color:#34f703}to{border-color:#ff8bff}}.comment-img{width:230px;margin-top:10px}.comment-img-lg{display:none}.intro-text{color:#fff;display:block;font-size:17px;font-weight:900;margin-bottom:9px;text-align:start;-ms-flex-align:start;align-items:flex-start}.name-input{width:250px;padding:7px;opacity:1,0;border-radius:10px;font-size:18px;outline:none;border-color:transparent;font-family:"Poppins",sans-serif}.name-input:hover{opacity:1;border:2px dashed #fff;animation:myBorder 2s infinite alternate-reverse}.comment-box{width:250px;outline:none;padding:7px;font-size:18px;border-radius:10px;height:140px;display:block;margin-top:10px;font-family:"Poppins",sans-serif}.comment-box:hover{border:2px dashed #fff;animation:myBorder 2s infinite alternate-reverse}.submit-btn{padding:8px 20px;outline:none;border-radius:10px;border-color:transparent;-ms-flex-align:start;align-items:flex-start;text-align:start;color:#fff;font-family:"Poppins",sans-serif;margin-right:auto;background-color:#0096ff;font-size:18px;font-weight:800}.submit-btn:hover{background-color:#fc09e7}.btn-container{text-align:start;margin-top:12px}@keyframes myBorder{0%{border-color:#06d7df}25%{border-color:#ecd505}50%{border-color:#34f703}to{border-color:#ff8bff}}hr{width:88%;-webkit-animation:myBorder 1s infinite;animation:myBorder 1s infinite}@media (min-width:588px){.comment-img{display:none}.comment-img-lg{display:block;padding-top:130px;padding-right:40px;width:400px}.main-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;min-height:70vh;width:100%}.main-container,.title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.title-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}.main-head{font-size:46px}.name-input{padding:10px;font-size:16px;display:block;border-color:transparent}.comment-box,.name-input{width:350px;border-radius:10px;outline:hidden}.comment-box{margin-top:10px;height:150px}}.comment-count-para{color:#fff;text-align:start;width:70%;font-weight:800}.comment-count{color:#fff;background-color:#0096ff;padding:5px 10px;margin-right:5px;font-weight:800}.comment-list-container{width:90%;padding:0;list-style:none;margin-top:-10px;margin-left:5px}@media (min-width:588px){.comment-count-para{font-size:20px;width:78%}.comment-list-container{width:70%;padding:0;list-style:none;margin-top:-10px}}*{-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.af471ffb.chunk.css.map */