.vertical-card-section>h1{font-size:32px;font-family:var(--font-playfair);color:#fff;align-self:flex-start;padding-left:10%}.pub-article{justify-content:center;align-items:stretch;gap:24px;width:80%;height:auto;display:flex}.icon:hover{cursor:zoom-in;transition:all .3s ease-in-out;transform:scale(1.1)}.article-content{flex-direction:column;flex:80%;gap:5px;display:flex}.article-content h2{color:#fff;font-size:24px;font-weight:400}.article-content .article-tags{flex-wrap:wrap;grid-area:tags;gap:5px;display:flex}.article-tags span{color:#fff;border-radius:5px;padding:.5em;font-size:small;position:relative}.article-tags span:hover:after{content:attr(tooltip);z-index:10;background:#b0c4de;border:1px solid #4682b4;border-radius:5px;width:20ch;padding:.25em;display:block;position:absolute;left:50%;transform:translate(-50%)}.tag{color:#fff;background-color:#0000;border:1px solid #fff;border-radius:4px;padding:4px 12px}.publication-details{color:#fff;flex-direction:row;column-gap:16px;display:flex}.article-journal{font-style:italic;font-weight:600}.author-action{color:#fff;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.article-button{color:#fff;background-color:#7f00ff;border-radius:8px;padding:.5rem 1rem;text-decoration:none}.article-button:hover{background-color:#9021ff;transition:all .3s ease-in-out}
.image-modal{background:0 0;border:none;outline:0;justify-items:center;max-width:90vw;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%)}.image-modal::backdrop{background-color:#000000b3}.image-modal-content{background-color:#fff;justify-content:center;max-width:100%;max-height:100%;padding:5px;display:flex}