:root{--iconSize:24px}.portfolio-grid{display:grid;grid-gap:10px;grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.portfolio-grid-item{text-align:center;font-size:30px;border:1px solid var(--accent);position:relative}.portfolio-grid-item>div .portfolio-grid-item-image{max-width:100%;max-height:100%;display:block;background-color:var(--background)}.portfolio-grid-item-icon{display:inline;width:var(--iconSize);height:var(--iconSize);margin-left:5px}.portfolio-grid-item-icon[src$=".svg"]{filter:brightness(0)invert(1)}.portfolio-grid-item-name{display:flex;align-items:center;text-decoration:none;background:var(--accent);padding:5px 10px;float:left;position:absolute;left:0;bottom:0;font-size:12pt}.portfolio-link{display:block}