@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#4e4e4e;--error:#ff4a4a}body{font-family:"Noto Serif";color:#4e4e4e;color:var(--secondary)}.App{max-width:960px;margin:0 auto}.title h1,a{color:#efb6b2;color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400;text-decoration:none}.nav{width:100%;justify-content:space-between}.login-form,.nav{display:flex}.form-btn{margin-right:1rem}.title h2,.title p{text-align:center}.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{margin:.5rem auto;width:2rem;height:2rem;display:block;border:1px #efb6b2;border:1px soild var(--primary);border-radius:50%;line-height:2rem;font-size:1.5rem;font-weight:700;color:#efb6b2;color:var(--primary)}label:hover{background:#efb6b2;background:var(--primary);color:#fff}.output{height:4rem;font-size:.8rem}.error{color:#ff4a4a;color:var(--error)}.progess-bar{margin-top:1.25rem;height:.25rem;background:#efb6b2;background:var(--primary)}.img-grid{margin:1rem auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem}.img-wrap{overflow:hidden;height:0;padding:50% 0;position:relative;opacity:.85}.img-wrap img{min-width:100%;min-height:100%;max-width:100%;position:absolute;top:0;left:0}.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}.backdrop .btns{margin:0 auto;max-width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center}.btn{padding:.5rem 1rem;font-size:1rem;color:#efb6b2;color:var(--primary);border:none;outline:none;border-radius:1rem}.btn:hover{background:#efb6b2;background:var(--primary);color:#fff}
/*# sourceMappingURL=main.958d8a10.chunk.css.map */