main{flex:1;display:flex;align-items:center;flex-direction:column;margin-top:120px}p,.topic-description{font-family:Lato,sans-serif;line-height:1.4;font-size:11pt}.main-content-container{display:flex;flex-direction:column;margin:0 auto;text-align:center;min-height:100vh}.main-home-content{height:auto;max-width:920px;margin:10px 0;background-color:#f4f4f4;padding:10px;color:#000}h1{font-family:Rubik,sans-serif}h2,h3,h4,h5,h6{font-family:Lato,sans-serif}body{margin:0}#navbar{display:flex;justify-content:center;background-color:#70243c;padding:10px 0;height:85px}#navbar a{color:#fff;font-family:Lato,sans-serif;line-height:1.4}#navbar a:hover{color:orange}#navbar>a{margin:0 20px;text-decoration:none;font-size:13pt}#app-header{font-size:40pt;margin:0;padding:20px;background-color:#101010;color:#fff;border-bottom:1px solid white}header{text-align:center;border-bottom:2px solid rgb(0,0,0)}.article-card{height:170px;max-width:920px;margin:20px 0;background-color:#f4fcff;color:#000}.article-card :hover{color:#000}.article-card-img{height:100%;float:left;border:1px solid white;width:30%}.article-card-title{font-size:13pt;line-height:1.4;text-align:left;margin-bottom:10px}.article-card-author,.article-card-topic{font-size:11pt;padding-bottom:5px}.article-card-created{font-size:11pt;text-align:left;padding-bottom:5px}.article-card-votes{font-size:11pt;padding-bottom:5px}.article-card-comment-count{font-size:11pt}.comments-container{padding:0 16px;height:100%}.link-without-color,.link-without-color:hover{text-decoration:none}.article-card:hover{background-color:#f5f5f5}.recent-articles ul{list-style-type:none}.article-section{max-width:920px;margin-bottom:20px;background-color:#f4f4f4;color:#000}.full-article-title{font-size:22pt;margin:20px 0;padding:0 20px}.full-article-img{width:100%;height:300px;object-fit:cover;border-top:1px solid white;border-bottom:1px solid white}.author-date-container{font-weight:700;margin:20px 0}.full-article-topic{display:inline-block;background:#373737;font-size:12pt;color:#fff;padding:6px 10px;cursor:pointer;margin:20px 5ox;border:1px solid white}.full-article-votes{display:inline-block;background:#373737;font-size:12pt;color:#fff;padding:4px 10px;cursor:pointer;margin:20px 5px;border:1px solid white}.full-article-body{font-family:Lato,sans-serif;font-size:12pt;margin:20px 0;text-align:left;padding:0 20px;line-height:1.4}.logged-in-user-text{color:#70243c;text-align:left;margin-bottom:10px}.comment-card{padding:15px 0;margin:20px;background-color:#e2f8ff}.comments-section{background-color:#f7f7f7;padding-bottom:5px;color:#000;border:1px solid #eaeaea}.comments-section h2{text-align:left;font-size:20pt;padding:0 0 0 20px;margin-bottom:0;margin-top:20px}.comment-card-body{text-align:left}.comment-card-author{font-size:12pt;font-weight:700;margin:0 0 10px}.comment-card-votes{margin:10px 0 0;text-align:center;background:#373737;width:82px;padding:2px;color:#f5f5f5;font-size:11pts}.vote-buttons{display:inline-block;padding:0 10px}.comment-form{padding:20px 20px 0;margin:0 auto}.comment-form form{display:flex;flex-direction:column;align-items:flex-start}.comment-form textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;resize:vertical}.comment-form button{padding:10px 20px;background-color:#70243c;color:#fff;border:none;cursor:pointer;font-size:10pt;font-weight:700}.comment-form button:disabled{background-color:#ccc;cursor:not-allowed}.comment-form button:hover{background-color:#9c3252}.comment-form p{margin-top:10px;color:green;text-align:left}.comment-form p.error{color:red}.comments-top-container{display:flex;justify-content:space-between;align-items:center}.delete-button-container{margin-left:auto}.flex-container{font-family:Lato,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 16px;height:100%}.topic-card-container a{text-decoration:none}.topic-card{height:90px;width:920px;margin:10px 0;background-color:#f4fcff;padding:10px;color:#000}.topic-card:hover{background-color:#f5f5f5}.topic-name h1{font-size:16pt;font-weight:600;text-transform:uppercase;margin-bottom:5px}.item-name{font-size:18px;font-weight:700}.clear-selected-button{display:inline-block;background:#000;border-radius:2px;font-size:14pt;color:#fff;padding:6px 10px;cursor:pointer}.remove-topic-button{padding:10px 20px;background-color:#000;color:#fff;border:none;cursor:pointer;font-size:10pt;font-weight:700;margin-left:10px}.sort-container{display:flex;align-items:center;margin-bottom:20px;justify-content:center}.sort-label{color:#fff;margin-right:10px}.sort-select{background-color:#fff;color:#000;border:1px solid black;padding:8px;margin-right:10px}.sort-button{padding:10px 20px;background-color:#000;color:#fff;border:none;cursor:pointer;font-size:10pt;font-weight:700}.sort-button:hover{background-color:#666}.bg-dark{background-color:#70243c!important;color:#fff!important}.navbar a{color:#fff!important}.navbar{border-bottom:2px solid black}.menu-container{max-width:920px}.footer{background-color:#333;color:#fff;padding:20px;display:flex;justify-content:center;align-items:center}