@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}: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{color:#efb6b2;color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400}.title h2,.title p{text-align:center}.title h2{margin-top:60px;font-size:2.6rem}nav{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;height:70px}button{border:none;outline:none;width:70px;padding:15px 0;color:#fff;border-radius:100px;font-weight:400;letter-spacing:1px;background-color:#efb6b2;background-color:var(--primary);cursor:pointer}.log,.out{width:100%}.login .loginContainer .btnContainer p{margin:14px 0 0;text-align:right;color:#fff}span{color:#efb6b2;color:var(--primary);font-weight:500;letter-spacing:.5px;margin-left:1.9px;cursor:pointer;transition:all .4s ease-in-out}span:hover{color:#fa5454}.errorMsg,.login,.loginContainer{color:red;font-size:16px}.navbar{display:flex;justify-content:space-around;align-items:center;letter-spacing:2px;height:70px;background-color:#a79d9d}.logo{font-size:1.2rem;letter-spacing:2px;font-weight:400;font-size:30px}.home,.logo{color:#4e4e4e;color:var(--secondary)}.home{text-decoration:none}.nav-links{display:flex;justify-content:flex-end;list-style:none;width:75%}.login,.signup{text-decoration:none;color:#fff;font-size:17px;padding:10px 20px;margin:0 10px;cursor:pointer}form{margin:20px auto 10px;text-align:center}label input{height:0;width:0;opacity:0}label{display:block;width:30px;height:30px;border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:50%;margin:20px auto;line-height:20px;color:#efb6b2;color:var(--primary);font-weight:700;font-size:20px}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:40px}.img-wrap{overflow:hidden;height:0;padding:50% 0;position:relative;opacity:.8}.img-wrap img{min-width:100%;min-height:100%;max-width:150%;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}.btn-primary{color:#fff;background-color:#813afe!important;border-color:#813afe!important}.icon-img{width:70px;height:70px;margin-bottom:1rem}.reset{color:#000}.reset,div a{text-decoration:none}
/*# sourceMappingURL=main.9bc401f1.chunk.css.map */