.App{text-align:center}.content{display:flex;flex-direction:row;width:80%;margin:auto;justify-content:space-around}.content .left-article-list{width:25%;list-style:none;padding:.25em;border-right:1px solid #000}.content .left-article-list .query-area{width:94%;display:flex;flex-direction:row;justify-content:space-evenly;border-bottom:3px double #000;padding:5px;margin:auto}.content .left-article-list .article-list-card{display:flex;flex-direction:row;margin:5px}.content .left-article-list .article-list-card .article-list-card-text{width:100%;display:flex;flex-direction:column;text-align:left;border-bottom:1px solid #000}.content .left-article-list .article-list-card .article-list-card-text p{margin:0;color:#000;letter-spacing:.4px;font-size:small}.content .article-list-card-interactions{display:flex;width:100%;margin:auto;flex-direction:row;justify-content:space-between}.content .content-area{width:60%;list-style:none;padding:.25em;border-left:1px solid #000;border-right:1px solid #000}.navigation{color:#000;margin-bottom:5px;border-bottom:1px solid #000}.navigation a{float:left;font-size:16px;color:#000;padding:14px 16px;text-decoration:none}.logo{background-color:#000}.logo,.logo a{color:#fff}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:16px;border:none;outline:none;color:#000;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown:hover .dropbtn,.navigation a:hover{background-color:rgba(0,0,0,.12)}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:rgba(0,0,0,.04)}.dropdown:hover .dropdown-content{display:block}.navigation .navigation-content{width:90%;margin:0 auto;display:flex;align-items:center}.menu-container ul{list-style:none;display:flex}.menu-container li{margin-right:1em}.userInfo{margin-right:5%}.article-card-holder{display:flex;flex-direction:column-reverse}.article-card-text{justify-content:left;text-align:left}.article-card-voting{display:flex;flex-direction:column;justify-content:left;align-items:left}.comment-card-holder{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center}.comment-card-text{text-align:left;width:75%}.sublines-text{color:#000;flex:1 1;font-size:1.25em;line-height:1.2;text-decoration:none;background-image:linear-gradient(90deg,#ff0 0,#ff0);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background .5s}.underlined-title{color:#000;font-size:2.25em;line-height:1.1}.underlined{color:#000;flex:1 1;font-size:1.25em;line-height:1.2;text-decoration:none;background-image:linear-gradient(90deg,#ff0 0,#ff0);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background .5s}.underlined:hover{background-size:100% 100%}.underlined--thick{background-position:0 -.1em}.homepage-container{display:flex;flex-direction:row;margin:10px;justify-content:center;align-items:center}.homepage-card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;max-width:275px;margin:5px}.homepage-card a{color:#000;text-decoration:none}.homepage-card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.homepage-card-container{padding:3px 16px}.homepage-card-img{width:100%;height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.btn{font-size:17px;cursor:pointer;position:relative;border:1px solid #000;outline:none;color:#000;background-color:transparent;margin:5px;font-family:"Merriweather",serif;white-space:nowrap}.btn--border:after,.btn--border:before,.btn--border span:after,.btn--border span:before{content:"";position:absolute;background-color:#000;transition:.5s ease}.btn--border:after,.btn--border:before{height:100%;width:1px;top:-1px}.btn--border:after{left:-1px}.btn--border:before{right:-1px}.btn--border span:after,.btn--border span:before{height:1px;width:100%;left:-1px}.btn--border span:after{top:-1px}.btn--border span:before{bottom:-1px}.btn--border:hover:after{-webkit-transform:translatex(-5px);transform:translatex(-5px)}.btn--border:hover:before{-webkit-transform:translatex(5px);transform:translatex(5px)}.btn--border:hover span:after{-webkit-transform:translatey(-5px);transform:translatey(-5px)}.btn--border:hover span:before{-webkit-transform:translatey(5px);transform:translatey(5px)}.selected{background-color:rgba(0,0,0,.15);max-width:100%;white-space:normal!important;word-wrap:break-word!important}.voter-row{flex-direction:row}.voter-center-votes,.voter-row{display:flex;justify-content:center;align-items:center}.voter-center-votes{flex-direction:column}.pagination-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.pagination-button{margin-right:5px;margin-left:5px}.comment-card-bottom-row{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #000}.comment-card-body-row{margin-top:-1px;margin-bottom:10px;border:1px solid #000;line-height:1.4em;padding:1px}.voter:last-of-type{margin-left:auto}.article-card-text-top-row{display:flex;flex-direction:row;align-items:center;border-bottom:3px double #000}.date-article,.delete-comment,.topic-article{margin-left:25px}.title-article{margin-bottom:10px;margin-top:10px}.body-article{line-height:1.1}.black{background-color:#000;color:#fff;padding:7px}ul{list-style-type:none;padding:0}.comment-template{border-top:3px double #000}input[type=text],select,textarea{width:100%;padding:12px;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-sizing:border-box;resize:vertical}label{padding:12px 12px 12px 0}input[type=submit]{background-color:#fff;color:#000;padding:12px 20px;border:1px solid rgba(0,0,0,.5);cursor:pointer}.col-25{float:center}.col-25,.col-75{margin-top:6px}.row:after{content:"";display:table;clear:both}@media screen and (max-width:871px){.col-25,.col-75,input[type=submit]{width:100%;margin-top:0}}@media (max-width:871px){.choose-article-view{display:none}.navigation-content .voter:last-of-type{margin:auto}.comment-card-text{width:100%}.content{flex-direction:column-reverse;width:95%;margin:0 auto}.homepage-container{flex-direction:column;width:95%;margin:0 auto}.content.centered{flex-direction:column-reverse;width:95%;margin:0 auto}.navigation-content{flex-direction:column;width:95%;margin:0 auto;flex-wrap:wrap;justify-content:center}.content .content-area{width:100%!important;margin:0!important;border-left:0 solid rgba(0,0,0,.2);border-right:0 solid rgba(0,0,0,.2);border-bottom:0 solid rgba(0,0,0,.2)}.content .left-article-list{width:100%!important;padding-left:0;margin-top:10px;border-right:0 solid rgba(0,0,0,.25)}}@media (max-width:830px){.left-article-list{width:95%;border-right:0 solid rgba(0,0,0,.25)}.voter:last-of-type{margin-left:right}}@media (max-width:1700px){.query-area{flex-direction:row;flex-wrap:wrap}.left-article-list{width:30%!important}}@media (max-width:2030px){.query-area{flex-direction:row;flex-wrap:wrap}.content .left-article-list{width:20%}}
/*# sourceMappingURL=main.15d3de66.chunk.css.map */