.articles{.hover-cursor:hover{cursor:pointer}.demo-img{width:100%;aspect-ratio:1/1;background-image:linear-gradient(90deg,rgba(255,0,0,0),pink)}.article-menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;.article-nav{display:flex;flex-wrap:wrap;align-items:center;padding:.5em 1em;gap:0 2em;.nav-item{padding:.5em 0;color:#000;text-decoration:none}}.search-bar{margin:.5em 1em 1em;width:15rem;border:1px solid;border-radius:1rem;padding:.5em 1em;gap:1em;font-size:small;display:flex;input{flex-grow:1;background-color:transparent;border:none;outline:none;&:focus{box-shadow:none}}}.search-icon{cursor:pointer}@media (max-width:768px){.search-bar{width:100%}}}.article-card{.header-img-wrap{overflow:hidden;position:relative;.header-img{width:100%;aspect-ratio:16/9;border-radius:5px;transition:transform .5s ease;&:hover{transform:scale(1.1)}}}.txt{margin-top:1em;width:100%;.meta{display:flex;justify-content:space-between;font-size:small}.title{font-weight:700;text-wrap:wrap;color:#000}}margin-bottom:2em;@media (max-width:768px){.header-img-wrap{width:60%}.txt{margin-top:0;margin-left:1em}}}}