@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 .top{display:flex;align-items:center;justify-content:space-between}.title .top h1{color:#efb6b2;color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400}.login .title,.signup .title{display:flex;align-items:center;justify-content:space-between}.login .title h1{margin-top:20px;color:#efb6b2;color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400}.googleImg{width:20px;height:20px;margin-right:10px}.login .title button{width:200px;display:flex;align-items:center;justify-content:center;border:none;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.5)}.title button span{font-size:14px}.signup .title button{width:200px;display:flex;align-items:center;justify-content:center;border:none;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.5)}.signup button span{font-size:14px}.signup .title h1{margin-top:20px;color:#efb6b2;color:var(--primary);font-size:1.2rem;letter-spacing:2px;font-weight:400}.title .top span{cursor:pointer;color:red}.title h2,.title p{text-align:center}.topRight{display:flex}.username{border:1px solid #000;border-top-right-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;padding-left:5px;padding-right:5px;padding-bottom:3px;color:#000;word-wrap:break-word}.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{display:block;width:30px;height:30px;border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:50%;margin:10px auto;line-height:30px;color:#efb6b2;color:var(--primary);font-weight:700;font-size:24px}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{object-fit:scale-down;position:absolute;cursor:pointer}.backdrop,.img-wrap img{height:100%;width:100%;top:0;left:0}.backdrop{position:fixed;background:rgba(0,0,0,.5)}.backdrop img{display:block;max-width:60%;max-height:80%;margin:60px auto 10px;box-shadow:3px 5px 7px rgba(0,0,0,.5);border:3px solid #fff}.login input,.signup input{width:300px;height:25px}.login button,.signup button{width:80px;height:30px;cursor:pointer}.btncenter{text-align:center}.delete{color:red;border:2px solid #000;width:60px;background-color:#fff;cursor:pointer}#u2{display:none}.login h3,.signup h3{text-align:center;margin-bottom:50px;margin-top:100px}@media screen and (max-width:480px){.topRight{flex-direction:column}.title .top,.topRight{align-items:center}#u1{display:none}#u2{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;max-width:330px}.backdrop img{max-width:90%;max-height:76%}.login h3,.signup h3{margin-top:50px}form{margin:-15px}}.loader{text-align:center;display:none}.loaderImg{width:45px;height:45px}
/*# sourceMappingURL=main.2701f116.chunk.css.map */