.project{width:33.33%;height:280px;float:left;vertical-align:middle;box-sizing:border-box;padding:10px}@media screen and (max-width: 600px){.project{width:100%}}.thumbnail{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail img{width:100%;position:relative;object-fit:cover}.thumbnail a{float:left;position:relative;width:100%}.thumbnail a span{display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.7);color:#ddd;padding:20px;text-align:center;justify-content:center;align-content:center}.thumbnail a:hover span{display:block}.blankbox{background:var(--theme-color)}