@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}:root{--primary:rgba(221,228,249,0.9882352941176471);--secondary:rgba(204,201,251,0.8980392156862745);--error:#ff4a4a}body{font-family:"Noto Serif";color:rgba(204,201,251,.8980392156862745);color:var(--secondary);background-color:rgba(46,49,74,.9803921568627451)}.App{max-width:1170px;margin:0 auto}.title h1{color:rgba(221,228,249,.9882352941176471);color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400;cursor:pointer}.title h2,.title p{text-align:center;color:rgba(221,228,249,.9882352941176471)}.title h2{margin-top:60px;font-size:2.6rem}form{margin:30px auto 10px;text-align:center}label input{height:0;width:0;opacity:0}label{display:block;width:30px;height:30px;border:1px solid rgba(221,228,249,.9882352941176471);border:1px solid var(--primary);border-radius:50%;margin:10px auto;line-height:30px;color:rgba(221,228,249,.9882352941176471);color:var(--primary);font-weight:700;font-size:24px;cursor:pointer}label:hover{background:rgba(221,228,249,.9882352941176471);background:var(--primary);color:#4e4e4e}.output{height:60px;font-size:.8rem}.error{color:#ff4a4a;color:var(--error)}.progress-bar{height:5px;background:rgba(221,228,249,.9882352941176471);background:var(--primary);margin-top:20px}.img-grid{margin:20px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}.img-wrap{overflow:hidden;height:0;padding:50% 0;position:relative;opacity:.8;cursor:pointer;width:100%}.img-wrap img{min-width:100%;min-height:100%;max-width:150%;position:absolute;top:0;left:0;width:100%;object-fit:cover}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.backdrop img{display:block;max-width:60%;max-height:80%;margin:60px auto;box-shadow:3px 5px 7px rgba(0,0,0,.5);border:3px solid #fff}
/*# sourceMappingURL=main.1d005de2.chunk.css.map */