#project[data-v-f41804a8]{position:relative;width:400px;height:229px;margin:15px;opacity:.5;transition:opacity .2s}#project[data-v-f41804a8]:hover{opacity:1}#project-description[data-v-f41804a8],#project-image[data-v-f41804a8]{position:absolute;border-radius:5px;overflow:hidden;width:400px;height:229px;transition:transform .2s}#project-description[data-v-f41804a8],#project-description>*[data-v-f41804a8]{z-index:5;background-color:#f7dd89;color:#131313;padding:1px 5px;font-weight:500}#project-date[data-v-f41804a8]{font-size:.7em}#project-image[data-v-f41804a8]{z-index:10;box-shadow:0 0 10px #131313}#project:hover>#project-description[data-v-f41804a8]{transform:translateY(-10px)}#project:hover>#project-image[data-v-f41804a8]{transform:translateY(15px)}#project-title[data-v-f41804a8]{vertical-align:middle;display:inline-block}#project-title[data-v-f41804a8]:after{vertical-align:middle;font-size:.8em;padding:0 3px;margin:0 5px;color:#fff;display:inline-block;border-radius:.3em}#project-title.storyclips[data-v-f41804a8]:after{content:"Storyclips";background-color:#e33232}#project-title.interactives[data-v-f41804a8]:after{content:"Interactives";background-color:#159c49}#project-title.lullabies[data-v-f41804a8]:after{content:"Lullabies";background-color:#3086c0}#project-title.forenotes[data-v-f41804a8]:after{content:"Forenotes";background-color:#8d43c9}#project-links[data-v-f41804a8]{position:absolute;right:0;top:1px}#project-links>*[data-v-f41804a8]{margin:3px}@media only screen and (max-width: 600px){#project[data-v-f41804a8]{margin:15px;width:350px;height:197px}#project-description[data-v-f41804a8],#project-image[data-v-f41804a8]{width:100%;height:100%}}#projects-section[data-v-4116c97e]{max-width:80vw}#minimized-projects-section[data-v-4116c97e]{position:relative;cursor:pointer;margin:10px;opacity:.5;font-size:1.2em;letter-spacing:.3em;transition:opacity .2s}#minimized-projects-section[data-v-4116c97e]:hover{opacity:1}.upsidedown[data-v-4116c97e]{transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}.upsidedown.caret[data-v-4116c97e]{display:inline-block;position:relative;bottom:.15em}@media only screen and (max-width: 600px){#projects-section[data-v-4116c97e]{margin:50px 0;max-width:100vw}}.center-children>*[data-v-27f9bc22]{text-align:center}