@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#4e4e4e;--error:#ff4a4a}body{color:#4e4e4e;color:var(--secondary);font-family:"Noto Serif"}.App{margin:0 auto;max-width:960px}.title h1{color:#efb6b2;color:var(--primary);font-size:1.2rem;font-weight:400;letter-spacing:2px}.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{height:0;opacity:.8;overflow:hidden;padding:50% 0;position:relative}.img-wrap img{left:0;max-width:150%;min-height:100%;min-width:100%;position:absolute;top:0}.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.83b811a7.css.map*/