body{margin:0;font-family:Verdana,Geneva,sans-serif;font-size:1em}#root{background-color:#f6f6ef;min-height:100vh}a{text-decoration:none}.content{display:flex;justify-content:center;margin:21px 8px}.posts-list{width:100%;display:flex;flex-direction:column}.pagination-button{border:none;background-color:#f6f6ef;color:orange}.pagination-button:hover{cursor:pointer;text-decoration:underline}.title-bar{display:flex;position:relative;align-items:center;justify-content:space-between;background-color:#f60;height:3em}.title-bar a{color:#000;padding:0 8px;font-size:1em}.title-bar a:hover{color:#fff}@media (max-width: 767px){.title-bar{flex-direction:column;height:4em}}.searchbar-wrapper form{display:flex;flex-direction:row;width:100%}.searchbar-wrapper form select{margin-left:.5em;margin-right:.5em;border:none;padding:.5em}.searchbar-wrapper form input{border:none;margin-left:.5em;margin-right:.5em;padding:.5em}@media (max-width: 767px){.searchbar-wrapper{margin-top:.3em;margin-bottom:.3em;width:100%}.searchbar-wrapper form{display:flex;flex-direction:column;align-items:center}.searchbar-wrapper form input{height:1em}.select-wrapper{display:flex;justify-content:center;margin-top:.2em}}.posts-list-item{display:flex;flex-direction:column;padding-top:.3em;padding-bottom:.3em;font-size:1.2em}.posts-list-item:nth-child(2n){background-color:#e6e6df}.posts-list-header{display:flex;flex-direction:row}.posts-list-item-score{margin-left:.5em;min-width:2.5em}.posts-list-item-title{display:flex;color:#000;font-size:1em;margin:0;font-weight:400}.posts-list-item-title a{color:#000;text-decoration:none}.posts-list-item-subtitle{display:flex;margin-left:2.6em;margin-top:.3em}.posts-list-item-by{font-size:.75em;margin-left:.5em;margin-right:.5em;color:#828282}.posts-list-item-user{font-size:.75em;margin-right:.4em;color:#828282}.posts-list-item-date{min-width:4em;color:#828282;font-size:.75em}@media (max-width: 767px){.posts-list-item-subtitle{margin-left:2.6em}}.story-placeholder{display:flex;flex-direction:column}.story-placeholder.story-placeholder{margin-bottom:1em}.story-placeholder-bar{display:flex;width:723px;height:18px}@media (max-width: 767px){.story-placeholder-bar{width:90vw}}.new-stories,.stories{width:66%}.item{display:flex;flex-direction:column;align-items:center;margin-top:2em;max-width:100%;width:100%}.item-title{text-decoration:none;font-size:1.3em;color:#000}.item-subtitle{display:flex;margin-top:.4em;color:gray;font-size:.8em}.item-subtitle a{color:gray}.item-subtitle-user-info{margin-right:.3em}.item-text{width:100%}.comment-list{max-width:100%;align-self:left}.comment-list div{max-width:100%}.comment{margin-bottom:1em;margin-top:1em;overflow:auto}.comment .comment{margin-left:30px}.comment-sub-header{display:flex;color:gray;flex-direction:row!important;font-size:.75em}.comment-sub-header-user{margin-right:.3em;margin-left:.3em;color:#000}.comment-text{margin-left:1.5em;margin-top:.5em}.show-hide{margin-left:.2em;color:gray}.show-hide:hover{cursor:pointer}.parent{margin-left:.3em;color:gray}pre{white-space:pre-wrap}.item-placeholder{display:flex;flex-direction:column;align-items:center;width:100%;height:50%;margin-top:2em}.item-placeholder-header{width:30%;height:1.8em;background-color:#e6e6df}.item-placeholder-subheader{width:20%;height:1em;background-color:#e6e6df;margin-top:.4em;margin-bottom:.4em}.item-placeholder-content{width:75%;height:5em;background-color:#e6e6df;margin-top:.4em;margin-bottom:.4em}.user{display:flex}.user-header{display:flex;justify-content:center;flex-direction:column}.user-header h3{margin-top:0}.user-header a{color:gray}.user-placeholder{display:flex;width:100%;margin-top:2em;justify-content:center}.user-placeholder-inner-wrapper{display:flex;flex-direction:column;width:25%;height:50%;margin-top:2em;justify-content:center}.user-placeholder-name{width:50%;height:1.8em;background-color:#e6e6df;margin-bottom:1.5em}.user-placeholder-karma{width:30%;height:.8em;background-color:#e6e6df;margin-bottom:1.5em}.user-placeholder-story{width:30%;height:.8em;background-color:#e6e6df;margin-bottom:.5em}.user-placeholder-comment{width:50%;height:1.8em;background-color:#e6e6df;margin-bottom:.5em}.comment-page{max-width:100%}