main nav.project-container{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:flex-start;margin:0 18px}main nav.project-container>.project{flex:none;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;margin:18px;padding:0;overflow:hidden;border-radius:4.5px;box-shadow:0 0 8px rgba(0,0,0,.1);-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}main nav.project-container>.project>div.image-container{flex:none;position:relative;margin:9px;padding:0;width:320px;height:240px}main nav.project-container>.project>div.image-container>picture{position:absolute;transition:opacity 200ms}main nav.project-container>.project>div.image-container>picture.focus{opacity:0}main nav.project-container>.project:hover>div.image-container>picture.focus{opacity:100}main nav.project-container>.project>nav{flex:none;margin:0;padding:9px;text-align:center}