h1[data-v-a227b384]{text-align:center;margin-bottom:5vh}main[data-v-a227b384]{display:flex;width:90%;margin:0 auto;justify-content:space-evenly}ul[data-v-a227b384]{padding-left:0;display:grid;grid-template-columns:10vw 10vw 10vw;grid-template-rows:10vw 10vw 10vw;gap:30px 30px}li[data-v-a227b384]{display:flex;justify-content:center;align-items:center;list-style:none;border:.5px solid;overflow:hidden;transition:.7s}li[data-v-a227b384]:hover{background-color:#deffe2;transition:.7s}li:hover img[data-v-a227b384]{transform:scale(1.3);transition:.7s}.thumbnail[data-v-a227b384]{display:block}.thumbnail img[data-v-a227b384]{width:80%;transition:.7s}.preview[data-v-a227b384]{display:flex;justify-content:center;align-items:center;width:50%}.preview img[data-v-a227b384]{width:40vw}.preview-enter-from[data-v-a227b384]{opacity:0}.preview-enter-to[data-v-a227b384]{opacity:1}.preview-enter-active[data-v-a227b384]{transition:all 1s ease}.fade-enter-from[data-v-a227b384]{opacity:0;transform:translate(50px)}.fade-enter-to[data-v-a227b384]{opacity:2;transform:translate(0)}.fade-enter-active[data-v-a227b384]{transition:all 1s ease;transition-delay:var(--delay)}