@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",serif}.App{margin:0 auto;max-width:960px}::-webkit-scrollbar{display:none}.title h1{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{display:block;margin-bottom:10px}input[type=password]{border:1px solid var(--primary);border-radius:4px;font-size:16px;margin-bottom:20px;margin-top:10px;padding:8px;width:80%}input[type=password]:focus{border-color:var(--primary-hover);outline:none}.plus-label{border:1px solid var(--primary);border-radius:50%;color:var(--primary);display:block;font-size:24px;font-weight:700;height:30px;line-height:30px;margin:10px auto;width:30px}.plus-label:hover{background:var(--primary);color:#fff}.plus-label input{height:0;opacity:0;width:0}.output{font-size:.8rem;height:60px}.error{color:var(--error)}.progress-bar{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{height:auto;left:50%;max-height:150%;max-width:150%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.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%}@media (max-width:768px){.backdrop img{margin-left:auto;margin-right:auto;margin-top:35vh;max-height:60%;max-width:80%}}
/*# sourceMappingURL=main.034e6c3b.css.map*/