.portfolio-grid{display:flex;justify-content:start;flex-direction:row;flex-wrap:wrap;gap:10px;padding:25px 0}.portfolio-grid-item{background-color:rgba(255,255,255,.8);text-align:center;font-size:30px;position:relative}.portfolio-grid-item>div .portfolio-grid-item-image:hover{border:8px solid var(--accent)}.portfolio-grid-item>div .portfolio-grid-item-image{width:100%;height:100%;max-width:100%;max-height:100%;display:block;border:8px solid var(--background);margin:0}.portfolio-grid-item-icon{display:inline}.portfolio-grid-item-name{align-items:center;text-decoration:none;background:#78e2a0;background:var(--accent);color:#000;padding:5px 10px;float:left;position:absolute;left:8px;bottom:8px;font-size:12pt}.portfolio-link{display:block;flex-basis:calc((100% - (3 - 1) * 10px)/3)}@media(max-width:900px){.portfolio-link{flex-basis:calc((100% - (2 - 1) * 10px)/2)}}@media(max-width:684px){.portfolio-link{flex-basis:100%}}a.portfolio-link:hover{background-color:inherit}