.article_card{display:flex;flex-direction:column;justify-content:space-between;width:100%;flex:0 0 32%;box-sizing:border-box;margin-bottom:1rem}.article_card--title{font-size:1.2rem;font-weight:400;margin:.5rem 0 0}.article_card a{color:#242732;text-decoration:none}.article_card a:hover{color:#b8a500;text-decoration:underline}.image_container{z-index:-1;position:relative;width:100%;height:247px}.image_container--image{width:100%;height:100%;object-fit:cover}.image_container--list{position:absolute;width:100%;box-sizing:border-box;bottom:0;text-decoration:none;display:flex;flex-direction:row;justify-content:space-between;list-style:none;margin:0;padding:16px 12px 8px;background:linear-gradient(to top,#242732,#24273200)}.image_container--reactions{display:flex;flex-direction:row;gap:.5rem}.image_container--listItem{font-size:12px;color:#fff}@media screen and (width <= 996px){.article_card{flex:0 0 49%}}@media screen and (width <= 425px){.article_card{flex:0 0 100%}}.article_text--title{margin:0;font-size:2.8rem}.article_text--body{font-size:1.2rem}.article_text--tag{width:fit-content;margin:0;padding:.2rem .5rem;border-radius:5px;color:#efdb2d;background-color:#262533}.article-image{width:100%;height:500px;object-fit:cover}.fa-user{font-size:.9rem}.votes--total{min-width:121px;height:fit-content;margin:0}.votes--container{width:max-content;display:flex;align-items:flex-end;gap:.5rem;margin-left:auto}.votes--button{width:40px;height:40px;background-color:#fff;border:.5px solid #26253350}.fa-arrow-up,.fa-arrow-down{font-size:1.6rem}.fa-arrow-down{color:red}.fa-arrow-up{color:green}.comments--wrapper{margin-top:1rem;border:.5px solid #26253350;border-radius:10px;padding:1rem}.comment_form--form{position:relative}.comment_form--textarea{width:100%;min-width:100%;max-width:100%;height:80px;min-height:60px;max-height:160px;margin:0;box-sizing:border-box;padding:.5rem}.comment_form--error::placeholder{color:#b31d0d}.comment_form--button{position:absolute;right:.5rem;bottom:.8rem;padding:4px 16px}@media screen and (width <= 996px){.article-image{height:400px}.article_text--title{font-size:2.6rem}}@media screen and (width <= 425px){.article-image{height:200px}.article_text--title{font-size:2.2rem}.comment_form--textarea{height:120px}.comment_form--button{width:calc(100% - 1rem)}}body{font-family:Bebas Neue,sans-serif;color:#242732;margin:0}h1{margin-top:0;font-size:3rem}header{position:sticky;top:0;z-index:1;height:60px;display:flex;align-items:center;padding:0 1rem;background-color:#242732}nav{width:100%;height:20px;max-width:964px;display:flex;flex-direction:row;gap:1rem;box-sizing:border-box;margin:0 auto}nav a{text-decoration:none;color:#fff}nav a:hover{border-bottom:2px solid #efdb2d;color:#efdb2d}.main-container,.article-container{display:flex;flex-direction:column;width:100%;max-width:964px;box-sizing:border-box;margin:0 auto}.article-container{margin-top:2rem}.image-wrapper{width:100%}.gallery-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0}@media screen and (width <= 996px){.main-container,.article-container{margin-top:1rem;padding:0 1rem}}@media screen and (width <= 425px){.main-container,.article-container{margin-top:.5rem;padding:0 .5rem}}