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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.scroll-btn{border:1px solid #fff;border-radius:50%;display:block;height:50px;justify-content:right;width:50px}.scroll{font-size:24px}.expandable-btn{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;-webkit-filter:opacity(.6);filter:opacity(.6);overflow:hidden}.login-btn-home{-webkit-appearance:none;appearance:none;background-color:#f37a7a;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem;max-width:100%;padding:6px 16px;position:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.login-container{border:3px solid #bdc3c7;display:grid;grid-template-columns:50% 50%;padding:2rem}.user-articles-container{border:3px solid #bdc3c7;margin-top:1rem;padding:2rem}.user-articles-li{align-items:center;background-color:#fff;border-radius:3px;justify-content:center;list-style:none;margin-right:2rem;max-width:50rem;padding:2rem}.login-btn-home-disabled{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;-webkit-filter:opacity(.6);filter:opacity(.6);margin:0;overflow:hidden}.topic-articles-li{border-radius:3px;list-style:none;margin-right:2rem;max-width:50rem;padding:5px}.home-heading{border-left:4px solid;border-color:#f05454;color:#090d12;padding-left:1rem}.read-btn{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;font-size:14px;overflow:hidden}.articles-card{align-items:center;background-color:#fff;border-radius:3px;display:grid;justify-content:center;margin-bottom:1rem;margin-right:2rem;max-width:50rem;padding:2rem}.articles-ul{margin:0 auto;text-align:left}.articles-card{display:inline-block;vertical-align:top}.articles-container{display:grid}.article-title{border-left:4px solid;border-color:#f05454;color:#090d12;padding-left:1rem}.article-date{-webkit-filter:opacity(.6);filter:opacity(.6)}.hide-reset-btn{display:none}.show-btn{-webkit-appearance:none;appearance:none;background-color:#f58f8f;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem .3rem .3rem 3rem;max-width:120px;padding:.5rem;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.filter-container{align-items:center;display:grid;grid-template-columns:35% 35% 30%;margin-left:2rem;padding-bottom:1rem;padding-left:1rem;padding-right:2rem}label{-webkit-filter:opacity(.5);filter:opacity(.5)}.dropdown{align-items:center;border:1px solid var(--select-border);border-radius:.25em;cursor:pointer;display:grid;font-size:1rem;grid-template-areas:"select";line-height:1.1;max-width:30ch;min-width:15ch;padding:.25em .5em;position:relative;&:after,select{grid-area:select}}.article-icon{font-size:22px}.article-icon,.article-icon-comment{-webkit-filter:opacity(.6);filter:opacity(.6)}.article-icon-comment{font-size:20px}.article-icon-like{-webkit-filter:opacity(.6);filter:opacity(.6);font-size:24px}.info-container{display:flex;justify-content:space-between}.topics-container{align-items:baseline;background-color:#a8bdd2;box-sizing:border-box;color:#fff;color:#000;display:flex;font-size:18px;justify-content:center;margin-bottom:2em;margin-top:0;padding:3rem;width:100%}.topics-li{display:inline-block;vertical-align:top}.view-btn{-webkit-appearance:none;appearance:none;background-color:#37516b;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem;padding:6px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.Title{align-items:baseline;box-sizing:border-box;color:#f5f5f5;justify-content:flex-start;margin-bottom:0;padding:2em;width:100%}.Title,.logged-user{background-color:#f05454;display:flex}.logged-user{color:#121212;font-size:10px;justify-content:flex-end;margin:0}.icon{font-size:5rem;margin-right:3rem}.title-header{color:#f5f5f5}.Nav{align-items:baseline;background-color:#30475e;box-sizing:border-box;color:#fff;display:flex;font-size:20px;justify-content:center;margin-bottom:1em;padding:1em;width:100%}.Nav-link{color:#fff;float:left;font-size:17px;padding:12px;text-align:center;text-decoration:none}.Nav-user-img{border-radius:50px;margin-right:5px;max-height:2rem;max-width:2rem}.Nav-icon{font-size:28px}.like-btn{-webkit-appearance:none;appearance:none;background-color:#f37a7a;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem;max-width:120px;padding:6px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}:disabled{-webkit-filter:opacity(.6);filter:opacity(.6)}.back-btn{-webkit-appearance:none;appearance:none;background-color:#f37a7a;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;-webkit-filter:opacity(.7);filter:opacity(.7);font-size:14px;font-weight:600;line-height:20px;margin:.3rem;max-width:120px;padding:6px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.article-container{align-items:center;background-color:#fff;border:3px solid #bdc3c7;border-radius:3px;display:grid;justify-content:center;margin:3rem;padding:5px}.interaction-container{display:grid;padding-bottom:2rem}.err-msg{padding:2rem}.margin{margin-top:2rem}.user-comment{display:grid}.comments-body{border-left:2px solid;border-color:#f05454;padding-left:2rem}.comments-author{padding-left:1rem}.comments-date{-webkit-filter:opacity(.6);filter:opacity(.6);margin-left:10px}.comments-card{align-items:center;background-color:#fff;border-radius:3px;display:grid;justify-content:center;margin-right:2rem;max-width:50rem;padding:2rem}.comments-ul{display:grid;margin:0 auto;text-align:left}.comments-card{display:inline-block;vertical-align:top}.comment-form-container{display:grid;flex-direction:column;justify-content:left;padding-left:3rem;padding-right:3rem}.comment-form-input{padding:.5rem}.comment-form-input,.comment-form-textarea{background-color:#ecf0f1;border:3px solid #bdc3c7;border-radius:0;box-sizing:border-box;color:#30475e;margin-bottom:10px;vertical-align:middle;width:100%}.comment-form-textarea{padding:1rem}.user-info{display:flex;justify-content:space-between}.comments-subheading{font-weight:700}.comments-votes{-webkit-filter:opacity(.6);filter:opacity(.6)}.comment-counter{font-weight:700;margin-left:1rem}.interaction-container{display:flex;justify-content:space-around}.comment-btn{-webkit-appearance:none;appearance:none;background-color:#f37a7a;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem;max-height:2.5rem;max-width:120px;padding:6px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.order-btn,.secondary-btn{-webkit-appearance:none;appearance:none;background-color:#a8bdd2;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem;max-height:3rem;max-width:120px;padding:6px 16px;position:relative;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}@media only screen and (max-width:500px){.filter-container{display:grid;grid-template-columns:33% 33% 33%}.order-btn{font-size:9px;height:1.5rem;padding:0;width:2rem}.order-btn-container{align-items:center;display:flex;justify-content:center}}.order-btn-container{display:flex}.error-img{padding:2rem 3rem;width:100%}.error-msg{font-size:50px;padding-left:3rem}.user-img{max-height:5rem;max-width:5rem}.users-ul{grid-gap:1rem;display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--auto-grid-min-size,16rem),1fr))}.users-li{align-items:center;background-color:#fff;border-radius:3px;display:grid;justify-content:center;margin-bottom:1rem;margin-right:2rem;max-width:50rem;padding:2rem}.users-name{font-style:italic}.users-container{margin-top:5rem}.login-btn{-webkit-appearance:none;appearance:none;background-color:#f37a7a;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;margin:.3rem;padding:6px 16px;position:center;text-align:center;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:7rem}.user-title{color:#090d12;padding-bottom:1rem;padding-left:2rem}
/*# sourceMappingURL=main.8c2f77a0.css.map*/