@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#f76a60;--secondary:#4e4e4e;--error:#8b0404}body{color:#4e4e4e;color:var(--secondary);font-family:"Noto Serif"}.App{margin:0 auto;max-width:960px}.title h1{color:#f76a60;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}.top-title{display:flex;justify-content:space-between}form{margin:30px auto 10px;text-align:center}label input{height:0;opacity:0;width:0}label{border:1px solid #f76a60;border:1px solid var(--primary);border-radius:50%;color:#f76a60;color:var(--primary);display:block;font-size:24px;font-weight:700;height:30px;line-height:30px;margin:10px auto;width:30px}label:hover{background:#f76a60;background:var(--primary);color:#fff}.output{font-size:.8rem;height:60px}.error{color:#8b0404;color:var(--error)}.progress-bar{background:#f76a60;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:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.backdrop img{border:3px solid #fff;box-shadow:3px 5px 7px #00000080;display:block;margin:30px auto;max-height:80%;max-width:60%;position:relative}.heading{color:#424040;font-size:20px;font-weight:600}.input-text-box{font-size:15px!important;height:35px!important;letter-spacing:1px!important;margin-bottom:15px}.form-control:focus{border-color:#f76a60!important;border-color:var(--primary)!important;box-shadow:none!important}.btn-sign-in,.btn-sign-up{background:#f76a60!important;background:var(--primary)!important;border-radius:5px!important;color:#fff!important;padding:10px 50px!important}.delete_sec

.delete_btn{border:1px solid #f76a60;border:1px solid var(--primary);border-radius:85%;color:#f76a60;color:var(--primary);display:block;font-size:20px;font-weight:300;height:60px;line-height:30px;margin:10px auto;width:auto}
/*# sourceMappingURL=main.e47b2434.css.map*/