.article{display:flex}.article a{text-decoration:none}.article-left-side{min-width:20%;max-width:20%}.article-right-side{mix-blend-mode:normal;opacity:.8;box-sizing:border-box;border:1px solid #0000;border-radius:20px;flex-basis:80%;min-width:700px;padding:30px}.article-right-side:hover{background:var(--quinary-color);opacity:1;border:1px solid #0000000d;transition:background-color .3s ease-in-out}[data-theme=dark] .article-right-side:hover{background:var(--quinary-color);opacity:1;border:1px solid #ffffff0d;transition:background-color .3s ease-in-out}.article-date{color:#acacb4;padding-top:30px;font-size:15px}[data-theme=dark] .article-date{color:#6b6b6b}.article-title{color:var(--primary-color);font-size:16px;font-weight:600}.article-description{color:var(--secondary-color);padding-top:10px;font-size:12px;font-weight:480;line-height:25px}.article-link{color:var(--link-color);padding-top:10px;font-size:14px;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%}}