html,body{margin:0;padding:0;height:100%;width:100%}*{box-sizing:border-box}#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-align:center;color-scheme:light dark;color:#ffffffde;background-color:#19191a;display:flex;flex-direction:column;min-height:100vh}li{list-style-type:none;text-decoration:none}li a{text-decoration:none;color:inherit}ul{display:flex;justify-content:space-between;padding-right:40px;padding-left:40px}.article_image{width:100%;max-width:300px;border-radius:20px;padding:10px;object-fit:cover;align-self:center}.articleCard{border:solid green 10px;border-radius:25px;background-color:#c5f0af;color:#1a1a1a;box-sizing:border-box;margin:15px;padding:10px;display:flex;flex-direction:column;text-align:center;justify-content:space-evenly;flex:1 1 auto;max-width:400px}.card_main{display:flex;justify-content:space-evenly;flex-wrap:wrap}.card_main_item{margin:10px;display:flex;flex:1 1 auto}.votes,.text{flex-direction:column;display:flex;align-items:flex-start}.text p{margin:0;text-align:left;justify-content:left;justify-self:left;align-self:left;align-content:left}.votes p{margin:0}.readButton{color:pink;display:flex;justify-content:center}#articlesList{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0;margin:0}#articlesListBox{margin:0 7.5%}h3{padding:10px;margin:0 0 10px;word-wrap:break-word}header{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px 30px 0}header p{align-self:flex-end}h1{font-size:3.2em;line-height:1em;color:#fdf0ff;flex-wrap:wrap;margin-bottom:10px}#fixedbar{width:100%;background-color:#19191a}#navigation{background-color:#a71d72;color:#fdf0ff;padding:.2%;font-weight:700}button{border-radius:8px;border:5px solid rgb(219,68,136);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f3c7c7;cursor:pointer;transition:border-color .25s;color:#db4488;font-weight:600;margin:10px}button a{color:inherit;text-decoration:none}#articlesSearch{color:green;font-weight:700;display:flex;flex-direction:row;justify-content:space-evenly;margin:20px 10px;flex-wrap:wrap}#footer{padding:40px;text-align:right}h2{text-align:left}#articleDetails{display:flex;flex-wrap:wrap;flex-direction:column}#articleDetails #topDetails{margin-bottom:30px;width:100%}#articleDetails p{text-align:left}#img_text{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%}#articleDetails img{border-radius:5px;max-width:100%}#loading{margin:50px}#img_div{flex:1;margin-bottom:30px;align-self:flex-start;justify-content:center;max-width:300px;min-width:200px}#p_div{flex:3;display:flex;width:100%;flex-wrap:wrap;min-width:300px}#votes{align-self:flex-start}#upvote{background-color:#1c911c;border:#9adf77 solid;color:#fdf0ff}#downvote{background-color:#3e6cea;border:rgb(154,175,231)solid;color:#fdf0ff}#articleByIdPage{margin:5% 10%}#commentcardcontainer{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}#commentcardcontainer p{padding:0;margin:0;text-align:left}#commentCard{margin-bottom:20px;padding:15px;display:flex;flex-direction:column;background-color:#fff;border-radius:2px;color:#1a1a1a}#comment_body{text-align:left;font-weight:700}#comment-body-div{width:100%;display:flex;flex-direction:row}#comment-body{height:100px;border-radius:5px;border:none;width:100%;flex-grow:1}label{padding:10px 0 5px}#comment_label{align-self:flex-start;color:#19191a;font-weight:800}.form{display:flex;flex-direction:column;flex-wrap:wrap;background-color:#9adf77;border-radius:15px;padding-left:20px;padding-right:20px;justify-content:space-around}select{width:100%;border:none}.select{flex-grow:1;display:flex}#commentErrorMessage{color:#1a1a1a;align-self:center}#bottomOfForm{display:flex;flex-direction:row;justify-content:space-between}button:disabled{cursor:not-allowed;opacity:.5}.delete_button{background-color:#3e6cea;border:rgb(154,175,231)solid;color:#fdf0ff;align-self:flex-end;margin-right:0}.dropdown{margin:10px;padding:10px;max-width:300px;border-radius:25px;display:flex}.form,#sort_form{display:flex;flex-direction:row}#notfound{justify-content:stretch;align-content:center;flex-grow:1;margin:20px}#wholepage{height:100%;display:flex;flex-direction:column;width:100%}#leaveCommentForm{display:flex;flex-direction:column}.commentDiv{margin-bottom:2%}.articlesSearchFlexItem{margin:10px}.formItem{flex-grow:1;align-self:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;align-items:center}.formItemPart{display:flex}#topic{flex-grow:1}#sortAndOrder{flex-grow:3}#comment_label,#commentErrorMessage{color:#fdf0ff}