*{box-sizing:border-box;font-family:Lexend Deca;font-weight:500;margin:0 auto;font-size:15pt}main{padding-bottom:130px}.loading-pattern{background-color:#fff;padding:50px;margin:0;text-align:center;display:block}body{background-image:url(/assets/newspaper-news-seamless-pattern-background-business-concept-illustration-news-symbol-pattern-vector-DkfcTFHF.jpg);background-repeat:repeat;background-position:cover}.heading:hover{cursor:pointer;transform:translate(2px,2px)}.heading:active{cursor:pointer;transform:translate(4px,4px)}header{text-align:center;background:#c50;padding:40px;align-items:center}nav ul{margin:0 auto;display:flex;list-style-type:none;background-color:#ae4b04;color:#fff;text-shadow:3px 3px 5px rgba(0,0,0,.467);padding:10px;box-shadow:0 5px 5px #000a}.nav-list{cursor:pointer}.nav-list:hover{text-decoration:underline}h1{color:#fff;display:inline-block;text-shadow:3px 3px 5px rgba(0,0,0,.467);font-size:40px}.sort-options{display:flex}.article-card{font-size:15pt;color:#c50;padding:30px;background-color:#f5ddcc;display:block;justify-content:center;align-items:center;border-radius:10px;width:700px;margin:50px auto;box-shadow:4px 4px 4px #000a}.article-card:hover{cursor:pointer;transform:translate(2px,2px);background-color:#ae4b04;color:#fff}.article-card:active{cursor:pointer;transform:translate(4px,4px)}#article-card-image{width:auto;max-width:100%;height:auto;display:block;border-radius:20px;justify-content:center;margin:10px auto 20px;box-shadow:2px 2px 2px #000a}.article-paragraph{background-color:#fff;color:gray;border-radius:20px;box-shadow:2px 2px 2px #000a}.article-paragraph-detail{font-size:11pt;padding:10px}#votes-and-comment-count{padding:20px;font-size:11pt;background-color:#fff;color:gray;border-radius:20px;box-shadow:2px 2px 2px #000a}.article-paragraph-votes,.article-paragraph-comment-count{font-size:11pt}#article-details-image{width:auto;max-width:100%;border-radius:20px;justify-content:center;margin:20px auto;box-shadow:2px 2px 2px #000a}.article-paragraph-info{font-size:15pt;margin-top:20px;background-color:#fff;color:#c50;padding:20px;border-radius:20px;box-shadow:2px 2px 2px #000a}.article-paragraph-votes{display:inline-block;margin-right:520px}.article-paragraph-comment-count{display:inline-block}.article-paragraph-body{text-align:center;background-color:#fff;color:#c50;padding:20px;border-radius:20px;box-shadow:2px 2px 2px #000a}.article-paragraph-detail{font-size:11pt}.article-paragraph-title{font-size:25pt;text-align:center;background-color:#fff;color:#c50;padding:20px;border-radius:20px;box-shadow:2px 2px 2px #000a}.article-detail,.comment-card,.comment-form{font-size:15pt;color:#c50;padding:30px;background-color:#ae4b04;display:block;justify-content:center;align-items:center;border-radius:10px;width:700px;margin:50px auto;box-shadow:4px 4px 4px #000a;list-style-type:none}#comment-heading{margin-bottom:40px;font-size:30pt;color:#fff}.comment-item{list-style-type:none;margin-bottom:30px;background-color:#fff;box-shadow:4px 4px 4px #000a;padding:30px;border-radius:20px}#author-date-votes span{display:block;justify-content:space-between;align-items:center;color:gray;font-size:11pt}input{width:500px;margin-right:30px}#delete-comment-button{text-align:right}.vote-button,button{font-size:11pt;margin-right:0;margin-left:10px}.topic-card{color:#c50;padding:30px;background-color:#f5ddcc;display:block;justify-content:center;align-items:center;border-radius:10px;width:700px;margin:50px auto;box-shadow:4px 4px 4px #000a}.topics-page-title{font-size:25pt;text-align:center;background-color:#fff;color:#c50;padding:20px;border-radius:20px;box-shadow:2px 2px 2px #000a;margin-bottom:30px}.topic-list{list-style-type:none;margin-bottom:30px;background-color:#fff;box-shadow:2px 2px 2px #000a;padding:30px;border-radius:20px}.topic-item{text-align:center;padding:20px;color:gray}.topic-item:hover .topic-item-link{background-color:#ae4b04;border-radius:20px;color:#fff;box-shadow:2px 2px 2px #000a;cursor:pointer;display:block}.topic-item-link{color:gray;text-decoration:none}.topic-item-link:hover{color:#fff}footer{background-color:#c50;text-align:center;color:#fff;font-size:40px;padding:40px;text-shadow:3px 3px 5px rgba(0,0,0,.467);box-shadow:0 -5px 5px #000a;width:100%}.back-to-top{position:fixed;bottom:150px;right:50px;padding:10px 15px;font-size:20px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;opacity:.8;transition:opacity .3s ease}.back-to-top:hover{opacity:1}