a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ecb5d4;background:linear-gradient(0deg,#ecb5d4,#f4e5ed);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{color:#f2667e;font-family:Noto Sans Mono,monospace;font-size:46px;font-weight:700;margin:30px;text-align:center}@media (min-width:667px){h1{font-size:52px}}@media (min-width:1025px){h1{font-size:60px}}.loader-text{color:#f2667e;font-size:24px;text-align:center}.post-content{word-wrap:break-word;font-family:Noto Sans Mono,monospace;font-size:18px;margin:10px}.like-btn{border:none;border-radius:50%;height:35px;width:35px}.like-btn:hover{cursor:pointer}.like-btn-active{background-color:pink}.like-btn .heart-hover,.like-btn:hover .heart{display:none}.like-btn:hover .heart-hover{display:inline}.post-footer{color:#747171;font-family:Arial,Helvetica,sans-serif;font-size:14px;justify-content:space-between}.likes,.post-footer{align-items:center;display:flex}.likes{gap:5px;justify-content:space-around}.single-post-wrapper{align-content:center;background-color:#fff;border:1px solid #000;box-shadow:6px 6px 0 0 #000;flex-direction:column;padding:20px 15px}.postlist{display:flex;flex-direction:column;grid-area:2/2/auto/4;min-height:100vh}.postlist li{margin-bottom:30px}@media (min-width:667px){.postlist{grid-area:2/2/auto/7}}@media (min-width:1025px){.postlist{grid-area:2/2/auto/12}}.send-btn{background-color:pink;border:none;border-radius:20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-top:10px;padding:4px;width:70%}.send-btn:hover{cursor:pointer}.send-btn:disabled{background-color:#ccc;color:#999;cursor:not-allowed}@media (min-width:667px){.send-btn{width:45%}}@media (min-width:1025px){.send-btn{width:40%}}h2{font-family:Arial,Helvetica,sans-serif;font-size:16px;margin-bottom:10px}@media (min-width:667px){h2{font-size:18px}}@media (min-width:1025px){h2{font-size:20px}}.new-post-wrapper{align-content:center;background-color:#e8e8e8;border:1px solid #000;box-shadow:6px 6px 0 0 #000;display:flex;flex-direction:column;grid-area:1/2/2/4;padding:10px}.textarea{font-family:Noto Sans Mono,monospace;font-size:16px;padding:4px;width:80%}.character-count{display:flex;justify-content:flex-end;width:80%}.character-count .character-count-text{font-family:Arial,Helvetica,sans-serif;font-size:14px}.error-message{color:red;font-size:14px;margin:5px 0}@media (min-width:667px){.new-post-wrapper{grid-area:1/2/2/7}.character-count .character-count-text{font-size:16px}}@media (min-width:1025px){.new-post-wrapper{grid-area:1/2/2/12}}.main-wrapper{grid-row-gap:30px;display:grid;grid-template-columns:1fr repeat(2,150px) 1fr;margin-top:20px;row-gap:30px}@media (min-width:667px){.main-wrapper{grid-template-columns:1fr repeat(5,90px) 1fr;margin-top:40px}}@media (min-width:1025px){.main-wrapper{grid-template-columns:1fr repeat(10,50px) 1fr}}
/*# sourceMappingURL=main.53c66e3e.css.map*/