.article{display:flex}.article a{text-decoration:none}.article-left-side{min-width:20%;max-width:20%}.article-right-side{flex-basis:80%;min-width:700px;mix-blend-mode:normal;border-radius:20px;opacity:.8;padding:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid transparent}.article-right-side:hover{border:1px solid rgb(0,0,0,.05)}.article-right-side:hover,[data-theme=dark] .article-right-side:hover{background:var(--quinary-color);opacity:1;transition:background-color .3s ease-in-out}[data-theme=dark] .article-right-side:hover{border:1px solid rgb(255,255,255,.05)}.article-date{padding-top:30px;font-size:15px;color:#acacb4}[data-theme=dark] .article-date{color:#6b6b6b}.article-title{color:var(--primary-color);font-size:16px;font-weight:600}.article-description{padding-top:10px;font-size:12px;color:var(--secondary-color);font-weight:480;line-height:25px}.article-link{padding-top:10px;font-size:14px;color:var(--link-color);font-weight:700}@media (max-width:1024px){.article-left-side{min-width:10%;max-width:10%}.article-right-side{flex-basis:90%;min-width:85%;max-width:85%}}