.article-section{padding-top:calc(var(--spacing-ref) * 2);display:flex;flex-direction:column;gap:var(--spacing-ref)}.blog-article{margin:0 auto;width:80%;padding:var(--spacing-ref);margin-bottom:calc(var(--spacing-ref) * 2);border:2px solid #000;border-radius:var(--border-radius);box-shadow:1px 4px 10px #00000038;flex-direction:column;cursor:pointer;& h3{font-size:var(--font-size-h3);color:var(--mainColor)}& img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}& p{font-size:var(--font-size-text)}& a{font-family:var(--text-font)}&:hover{transform:scale(1.03);transition:all .3s ease}}#categories{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--spacing-ref);padding-right:3rem;margin:calc(var(--spacing-ref) * 2) auto;width:80%;max-width:500px;border-radius:calc(var(--border-radius) * 2);border:none;background:var(--gradientColor-white);box-shadow:0 4px 8px #0000002f;font-family:var(--text-font);font-size:1.125rem;color:#212121;transition:all .3s ease;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg fill='%23212121' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 7.5l4.5 4.5 4.5-4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}#categories:focus,#categories:hover{outline:none;box-shadow:0 0 0 3px var(--mainColor-opacity);background:var(--bckgColor)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-ref);padding:var(--spacing-ref);grid-column:span 3;& button{background-color:var(--mainColor);color:#fff;border:none;box-shadow:inset 4px -4px #00000040;padding:var(--spacing-ref);border-radius:calc(var(--border-radius) * 2);cursor:pointer;font-family:var(--text-font);font-size:calc(var(--font-size-text) * .8);transition:.5s ease;&:hover{background-color:var(--secondaryColor)}}& span{font-family:var(--text-font)}}.article-card-content{padding:var(--spacing-ref);display:flex;flex-direction:column;gap:var(--spacing-ref)}.entreprise-article{border-color:var(--blueUvibes)}.education-article{border-color:var(--pinkUvibes)}.science-et-societe{border-color:var(--greenUvibes)}.personnes-sensibles-aux-echanges{border-color:var(--yellowUvibes)}.uvibes-article{border-color:var(--mainColor)}.experiences-inattendues{border-color:var(--purpleUvibes)}@media screen and (min-width:768px){.blog-article{& img{width:100%;height:auto}}.article-section{display:grid;grid-template-columns:repeat(3,1fr)}#categories{grid-column:span 3;width:70%;justify-self:center}}@media screen and (min-width:1024px){.article-section{grid-template-columns:repeat(3,1fr)}#categories{grid-column:span 3}}