.page-header{color:var(--page-main-color)}.project-list-wrapper{display:flex;flex-direction:column}.project{color:#fff;margin:1em 1em;overflow:visible;position:relative;border-radius:0;text-align:left;cursor:pointer;user-select:none;transform-style:preserve-3d;box-shadow:none;transition:.5s ease;text-decoration:None}.project article{display:flex;flex-direction:row}.project article .project-thumbnail-bg{width:300px;height:8em;background-size:110%;background-position:center;background-repeat:no-repeat;filter:contrast(1.5) brightness(0.5) grayscale(1);transition:.5s ease all;position:absolute}.project article .project-thumbnail{width:300px;height:8em;flex-basis:300px;flex-shrink:0}.project article .project-title{position:absolute;height:80%;width:300px;margin:0;padding:5%;overflow:hidden;display:flex;justify-content:center;align-items:center;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:.5em;word-spacing:-0.2em;transform:translateZ(0px);transition:.5s ease all}.project article .project-info{margin:1em}.project article .project-info .project-date{color:#bababa}.project article:hover .project-title{transform:translateY(-10px)}.project article:hover .project-thumbnail-bg{background-size:100%;filter:contrast(1.5) brightness(0.3) grayscale(1);background-position-y:calc(50% + 10px)}@media(max-width: 700px){.project article{flex-direction:column;justify-content:center;align-items:center}.project article .project-thumbnail{flex-basis:8em}}/*# sourceMappingURL=project-list.css.map */