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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{display:flex;font-family:Trebuchet MS,Arial,sans-serif;justify-content:center;margin:0;padding:0}.App,body{background-color:#c2b5a8}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.NClogo{background:#0000;margin-left:-120px;width:120px}.NCheader{align-items:center;display:flex;font-family:Verdana,Geneva,Tahoma;justify-content:center;left:48%;position:absolute;text-align:center;top:10px}.welcome{color:#411e07;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.LoginBtn,.LogoutBtn{background:#68ca659c;border-radius:5px;height:40px;margin-right:30%;position:absolute;right:5%;top:85px;width:100px}.LoginBtn:hover,.LogoutBtn:hover{cursor:pointer}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.EachCommentCard{border:#5bc0db9c;border-radius:10px;box-shadow:0 4px 8px 0 #0003;list-style-type:none;margin-left:5%;margin-right:5%;padding:10px;position:relative;transition:.3s}.comment-container{display:flex;justify-content:space-between}.AuthorComment{color:#c00e61}.comments-text{display:flex;justify-content:flex-start;margin-left:30px}.DeleteBtn{background:#ff4d4d;border:none;border-radius:5px;bottom:10px;color:#fff;padding:5px 10px;position:absolute;right:10px}.DeleteBtn,.DeleteBtn:hover{cursor:pointer}.articlecards{list-style-type:none}.navBarTopics{display:inline;justify-content:end;margin-left:15px;margin-right:15px}.mytextarea{height:100px;margin-top:5px;width:480px}.pleaseLogin{color:red}.Card{background-color:#5bc0db9c;border-radius:10px;box-shadow:0 4px 8px 0 #0003;margin-bottom:10px;margin-left:10%;margin-right:10%;transition:.3s}.DateOfPost{color:#5e0a66}.Title{font-weight:700;margin-bottom:30px}.Topic{color:#c00e61;display:flex;justify-content:flex-start;padding-bottom:10px}.btnReadArticle{background-color:initial;border:1.5px solid #f1c7a0;border-radius:10px;padding:5px 10px;text-decoration:none;text-transform:uppercase}.Usercard{border-radius:10px;display:inline-table;height:100px;width:150px}.ArticleID{font-style:italic}.ArticleID,.Author{color:#c00e61;display:flex;justify-content:flex-start}.DateofP{color:#c00e61}.DateofComment{color:#0e76c0;margin-left:-25%}.article-head-container{display:flex;justify-content:space-around}.EachArticle{background-color:#5bc0db9c;border-radius:10px;box-shadow:0 4px 8px 0 #0003;margin-left:5%;margin-right:5%;margin-top:10px;padding:20px;transition:.3s}.BodyOfEachArticle{padding:10px}.PictureCard{height:150px;width:150px}.UsercardButton{background-color:#68ca659c;border-radius:10px;box-shadow:0 4px 8px 0 #0003;height:200px;margin:2px;transition:.3s;width:200px}.LikeBtn{background:#0000;margin-right:3px;width:10px}.SortingSortByandOrder{margin-top:10px}.SortByOptions{margin-right:15px}@media (max-width:420px){.giflogo1{height:50%;width:50%}}.header-container{align-items:center;background-color:#c2b5a8;border-bottom:2px solid #ddd;display:flex;flex-direction:column;padding:15px 20px}.header-right{align-self:flex-end}.user-container{align-items:center;display:flex;gap:15px}.welcome-text{color:#444;font-size:1rem;margin:0}.logout-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:7px 12px}.logout-btn:hover{background:#ff4e4e}.navbar{margin-top:15px;width:100%}.topics-container{align-items:center;display:flex;gap:10px;justify-content:center;list-style:none;padding:0}.topics-title{font-size:1rem;font-weight:700;margin-right:10px}.topic-chip{background:#e6e6e6;border-radius:20px;font-size:.9rem;padding:5px 12px;transition:background .2s}.topic-chip a{color:#333;text-decoration:none}.topic-chip:hover{background:#cfcfcf}
/*# sourceMappingURL=main.eb8098b2.css.map*/