.searchbar-container{flex-direction:row;gap:8px;display:flex}.searchbar-input{border:none;border-radius:50px;outline:none;width:550px;height:50px;padding:16px;font-size:16px;box-shadow:0 2px 4px #00000040}.searchbar-button{color:#f5f5f5;background-color:#b08f62;border:none;border-radius:50%;width:50px;height:50px;font-size:25px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.article-card{background-color:#7fffd4;border-radius:10px;flex-direction:column;justify-content:flex-end;width:400px;height:500px;text-decoration:none;transition:all .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000040}.article-card:visited{color:inherit}.article-card img{object-fit:cover;width:400px;height:500px;transition:all .5s;position:absolute}.article-card:hover{cursor:pointer;transform:scale(1.03);box-shadow:0 2px 8px #00000040}.article-card:hover img{transform:scale(1.05)}.article-info{z-index:1;flex-direction:column;justify-content:flex-end;gap:8px;padding:8px;display:flex;position:relative}.article-info:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;background:linear-gradient(#0000,#333c);width:100%;height:350px;position:absolute;bottom:0;left:0;-webkit-mask:linear-gradient(#0000,#000,#000);mask:linear-gradient(#0000,#000,#000)}.article-info h3{color:#f5f5f5;margin:0}.article-info p{z-index:1;color:#f5f5f5;margin:0;line-height:26px}.article-topic{color:#333;z-index:1;background-color:#f5f5f5;border-radius:5px;width:max-content;padding:0 16px}@media (max-width:980px){.articles-grid{grid-template-columns:repeat(1,1fr)}.searchbar-container{width:90%}.searchbar-input{flex-grow:1;width:auto}}