@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#4e4e4e;--error:#ff4a4a}*{box-sizing:border-box;margin:auto;padding:auto}body{color:#4e4e4e;color:var(--secondary);font-family:"Noto Serif",sans-serif}.App{margin:0 auto;max-width:960px}.title h1{color:#efb6b2;color:var(--primary);font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:1rem}.title h2,.title p{text-align:center}.title h2{font-size:2.6rem;margin-top:60px}form{margin:30px auto 10px;text-align:center}label input{height:0;opacity:0;width:0}label{border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:50%;color:#efb6b2;color:var(--primary);display:block;font-size:24px;font-weight:700;height:30px;line-height:30px;margin:10px auto;width:30px}label:hover{background:#efb6b2;background:var(--primary);color:#fff}.output{font-size:.8rem;height:60px}.error{color:#ff4a4a;color:var(--error)}.progress-bar{background:#efb6b2;background:var(--primary);height:5px;margin-top:20px}.img-grid{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px auto}.img-wrap{cursor:pointer;height:300px;opacity:.8;width:300px}.img-wrap img{height:100%;margin-bottom:2rem;width:100%}.backdrop{background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%}.backdrop img{border:3px solid #fff;box-shadow:3px 5px 7px rgba(0,0,0,.5);display:block;margin:60px auto;max-height:80%;max-width:60%}
/*# sourceMappingURL=main.a8c107cf.css.map*/