@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#414141;--error:#ff4a4a}body{font-family:"Noto Serif";color:#414141;color:var(--secondary)}.App{max-width:960px;margin:0 auto}.title h1{color:#414141;color:var(--secondary);font-size:2.2rem;letter-spacing:2px;font-weight:400;text-align:center}.title h1 span{color:#fff;background:#414141;background:var(--secondary);padding:0 5px}.title h2,.title p{text-align:center}.title h2{margin-top:60px;font-size:2.6rem}form{margin:30px auto 10px;text-align:center;overflow:hidden}label input{height:0;width:0;opacity:0}label{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;width:50px;height:50px;border:2px solid #efb6b2;border:2px solid var(--primary);border-radius:50%;margin:10px auto;color:#efb6b2;color:var(--primary);font-weight:700;font-size:35px;align-items:center}label:hover{background:#efb6b2;background:var(--primary);color:#fff}.output{height:60px;font-size:.8rem}.error{color:#ff4a4a;color:var(--error)}.progress-bar{height:5px;background:#efb6b2;background:var(--primary);margin-top:20px}.img-grid{margin:20px auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:80px}.img-wrap:hover{margin-top:-50px;cursor:pointer;transition:.3s ease-out}.img-wrap{box-shadow:0 10px 10px #414141;box-shadow:0 10px 10px var(--secondary);overflow:hidden;height:0;padding:50% 0;position:relative;opacity:.8}.img-wrap img{min-width:100%;min-height:100%;max-width:150%;background-size:cover;background-repeat:no-repeat;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}.App{text-align:center}.footer{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;box-shadow:0 0 20px rgba(0,0,0,.418);margin-top:80px;font-size:13px}
/*# sourceMappingURL=main.45ae5049.chunk.css.map */