@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap);.img-grid[data-v-7ec51728]{margin:20px auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}.img-wrap[data-v-7ec51728]{overflow:hidden;height:0;padding:50% 0;position:relative;opacity:.8}.img-wrap img[data-v-7ec51728]{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;position:absolute;top:0}.grid-enter-from[data-v-7ec51728]{opacity:0}.grid-enter-to[data-v-7ec51728]{opacity:1}.grid-enter-active[data-v-7ec51728]{transition:all 3s ease}.grid-move[data-v-7ec51728]{transition:all .5s ease}.title h1[data-v-05a6dece]{color:var(--secondary);font-size:2rem;letter-spacing:2px;margin:40px 0 20px 0;text-align:center}.title p[data-v-05a6dece]{text-align:center;color:#aaa}.progress-bar[data-v-37e34e89]{display:block;height:6px;background:var(--primary);border-radius:6px;margin-top:20px;transition:width .3s ease}form[data-v-17089950]{margin:30px auto 10px;text-align:center}form input[data-v-17089950]{height:0;width:0;opacity:0}label[data-v-17089950]{display:block;width:150px;height:30px;border:1px solid var(--primary);border-radius:6px;margin:10px auto;line-height:30px;color:var(--primary);font-weight:700;cursor:pointer}label[data-v-17089950]:hover{background:var(--primary);color:#fff}.output[data-v-17089950]{height:40px;font-size:.8rem}.error[data-v-17089950]{color:var(--error)}.backdrop[data-v-0f0ed7f6]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.backdrop img[data-v-0f0ed7f6]{display:block;max-width:60%;max-height:80%;margin:60px auto;box-shadow:3px 5px 7px rgba(0,0,0,.5);position:relative}.image-enter-from[data-v-0f0ed7f6]{bottom:-200%}.image-enter-to[data-v-0f0ed7f6]{bottom:0}.image-enter-active[data-v-0f0ed7f6]{transition:all .5s ease-in-out}:root{--primary:#5ad8b2;--secondary:#555;--error:#ff4a4a}body{font-family:Open Sans;background:#eee;margin:0}.App{max-width:1080px;margin:0 auto;background:#fff;padding:20px}