@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap);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:baseline}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;line-height:1}ol,ul{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Arial,Helvetica,sans-serif;line-height:1.3}main{display:flex;flex-direction:column;margin:0 auto;max-width:1024px}.articles{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.article-card{border:1px solid grey;color:#333;margin:.5em;max-width:370px;overflow:hidden;padding:1em;position:relative;text-align:left;white-space:normal;width:25%}.article-card+.article-card:before{background-color:grey;height:2px;left:0;position:absolute;top:0;width:100%}.article-card__title{font-family:Merriweather,serif;font-size:1.5rem;line-height:1.15}.article-card__author span{display:inline-block;font-family:Merriweather,serif;margin:.8em 0}.article-card__body{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:3.6em;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:normal}.article-card__topic{background:#8b8b8b;border-radius:1em;color:#fff;display:inline-block;padding:.15em .5em}.article-card__date{color:#999;display:inline-block;margin-left:1em}@media (max-width:768px){.article-card{margin:.5em 1em;width:100%}}section{text-align:left;width:80%}@media (max-width:768px){main{padding:1em}.article-page{text-align:left;width:100%}}.article-page__title{font-family:Merriweather,serif;font-size:1.5rem;line-height:1.15}.article-page__author span{display:inline-block;font-family:Merriweather,serif;margin:.8em 0}.article-page__body{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:3.6em;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:normal}.article-page__topic{background:#fff;border:1px solid silver;border-radius:1em;color:#8b8b8b;display:inline-block;margin:1em 0;padding:.15em .5em}.article-page__date{color:#999;display:inline-block;margin:1em 0}.article-page__body{margin:1em 0}.btn-voted{background-color:#ffc107}.vote .btn{background-color:#444}.section-tit{font-family:Merriweather,serif;padding:.8em 0}.App{text-align:center}.comments{margin-top:2em}.comment{border-top:1px solid #dedede;padding:1em}.count-num{color:#00c3bd;display:inline-block;margin-left:.3em}.comment-author,.comment-date{font-size:.9em}.comment-date{color:#999;margin-left:.8em}.comment-body{margin-top:1em}form{overflow:hidden;padding:1em}form textarea{border:1px solid #dedede;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;height:5em;padding:1em;resize:none;width:100%}form button{float:right}
/*# sourceMappingURL=main.32738406.css.map*/