.project{flex:1;flex-basis:50%;height:50vh;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;padding:40px;margin:0;position:relative}.project figure{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s .2s linear}.project figure img{width:100%;height:100%;object-fit:cover}.project h2{color:var(--color-white) !important;position:relative;font-weight:300 !important;font-size:24px !important;transition:transform 1s ease,opacity .5s linear}.project:hover{text-decoration:none !important}.project:hover figure{opacity:0}.project:hover h2{opacity:0;transform:translateY(100%)}#content{padding:0}#content #showreel{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:20px;position:relative}#content #showreel a{display:block}#content #showreel a .edglyph{font-size:32px}#content #projects{display:flex;flex-wrap:wrap}@media all and (max-width: 768px){#content #projects{display:block}}