:root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;--thistle: #d5c3ceff;--cambridge-blue: #7fb685ff;--hookers-green: #426a5aff;--eggplant: #6c4b5eff;--rich-black: #0d1321ff}body{height:100%;min-height:100vh;margin:0;padding:0;background:#dce6dc;background:linear-gradient(5deg,#dce6dc,#fff);background-size:cover}.link-override{text-decoration:none;color:inherit;display:inherit}.nav-bar{border-radius:25px;background-color:var(--hookers-green)}.nav-bar ul{display:flex;align-items:stretch;justify-content:space-between;list-style-type:none}.nav-bar li{display:inline-flex}.nav-bar li a{color:#bfedc1;padding:4px}.nav-bar .icon{width:24px;height:24px;color:#5e9b61;transition:color .3s ease;display:inline-block}.nav-bar .link:hover .icon{color:#fff}ul{list-style-type:none}.articles-view-list{display:flex;padding:5px;flex-flow:row wrap;justify-content:center;align-content:center}.article-info-wrapper{max-width:25em;margin:2%;padding:1%;border:4px solid #426a5aff;border-radius:25px;font-size:small;justify-content:space-around}.article-info-img{object-fit:scale-down;max-width:80%}.article-info-title{font-weight:700;font-size:1rem;margin:0;justify-self:right;overflow:hidden;text-overflow:ellipsis}.article-info-topic{font-size:115%;justify-self:left;grid-column:2}.article-info-wrapper:hover{border:4px solid rgb(81,216,182);transition:border .2s ease}.article-container{display:flexbox;max-width:90%;align-self:center;border:1px solid;margin-top:20px}.article-container img{max-width:90%}.article-container h2{text-align:left;font-size:larger;margin-left:.5rem;padding-left:.5rem}.article-container p{text-align:left;padding:.5rem}.article-container .article-content-container{padding:20px}.comments-container{display:flexbox;align-self:center;max-width:90%}.vote-button-group p{text-align:center}.topic-filter-group ul{display:flex;justify-content:center;list-style-type:none}.topic-filter-group li{display:inline-flex;padding-left:5px;padding-right:5px}.sort-button-group{display:flex;justify-content:space-between;padding-left:20%;padding-right:20%}#home-page{display:flex;justify-content:center;align-items:center;align-content:space-around;flex-direction:row}.home-title{font-size:3.2em;line-height:1.5;margin:15px}.home-page-links{order:1;align-items:center}.home-page-links li{display:inline-flex;padding-left:5px;padding-right:5px}@media screen and (max-width: 600px){h1{font-size:1.5em}}@media screen and (max-width: 400px){h1{font-size:1.2em}}
