.logo-link img{height:100%;max-width:100%}.item-image{align-self:center;border:3px solid #083944;display:inline-flex;height:150px;overflow:hidden;padding:10px;position:relative;width:300px}.item-image img{align-self:center;left:0;position:absolute;top:0;transition:top 5s}.list-element{max-width:600px;position:relative}.list-element:after{background:#083944;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translate(100%);transition:all .5s;width:50%;z-index:-1}.list-element.item-hovered:after,.list-element:nth-child(odd):after{transform:translate(0)}.list-element.item-hovered:nth-child(odd):after{transform:translate(100%)}.list-element.item-hovered .preview-link img{top:-250px}.list-element.light-mode:after{background:#ecfeff}.list-element.light-mode .item-image{border:3px solid #ecfeff}ul.portfolio-list{list-style-type:none;margin:0;padding:0}ul.portfolio-list li{display:flex;justify-content:center;min-height:65px}ul.portfolio-list li a{align-self:center;display:inline-flex;padding:10px;width:300px}ul.portfolio-list li a.constrain-height{align-content:center;align-items:center;height:110px;justify-content:center}ul.portfolio-list li a.small-heights{align-content:center;align-items:center;height:70px;justify-content:center}ul.portfolio-list li:nth-child(odd){flex-direction:row-reverse}