@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#303f9fcc;--secondary:#4e4e4e;--error:#ff4a4a;--bg:#fff;--dmbg:#151515}body{background-color:#fff;background-color:var(--bg);color:#4e4e4e;color:var(--secondary);font-family:"Noto Serif"}.dark{background-color:#151515;background-color:var(--dmbg);color:#d6d5d5}.light{background-color:#fff;background-color:var(--bg);color:#151515}.theme-logout{align-items:center;display:flex;justify-content:center;justify-content:space-evenly}.signout-btn{background-color:initial;border:1px solid #4242421c;border-radius:5px;color:#303f9fcc;color:var(--primary);cursor:pointer;font-size:16px;height:-webkit-max-content;height:max-content;margin:.5rem;padding:.5rem}.signout-btn:hover{background-color:#303f9fcc;background-color:var(--primary);color:#fff}.theme-btn{cursor:pointer;margin:.5rem}.App{margin:0 auto;max-width:960px}.nav{display:flex;justify-content:space-between}.title h1{color:#303f9fcc;color:var(--primary);font-size:1.7rem;font-weight:400;letter-spacing:2px}.title h2,.title p{text-align:center}.profile-details{align-items:center;display:flex;justify-content:center;margin-top:2rem}.profile-pic{border-radius:50%;height:40px;width:40px}.profile-pic,.title h2{display:inline-block;margin:.5rem}.title h2{font-size:2rem}form{margin:30px auto 10px;text-align:center}label input{height:0;opacity:0;width:0}label{border:2px solid #303f9fcc;border:2px solid var(--primary);border-radius:50%;color:#303f9fcc;color:var(--primary);cursor:pointer;display:block;font-size:24px;font-weight:700;height:30px;line-height:30px;margin:10px auto;position:relative;width:30px}.add-btn-holder{margin:0;padding:0}.add-btn{font-size:xx-large}label:hover{background:#303f9fcc;background:var(--primary);color:#fff}.output{font-size:.8rem;height:60px}.error{color:#ff4a4a;color:var(--error)}.progress-bar{background:#303f9fcc;background:var(--primary);height:5px}.image-grid{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px auto}.image-wrap{height:0;opacity:.8;overflow:hidden;padding:50% 0;position:relative}.image-wrap img{cursor:pointer;left:0;max-width:150%;min-height:100%;min-width:100%;position:absolute;top:0}.delete-img-btn{color:crimson!important;padding:5px!important;position:absolute!important;right:.1rem;top:.1rem}.delete-img-btn:hover{color:red!important}.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:60px auto;max-height:80%;max-width:60%;z-index:99!important}.signin-container{margin:auto;max-width:100vh}.signin-page{align-items:center;border-radius:10px;box-shadow:0 2px 8px 0 #63636333;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:50vh;justify-content:center;margin:7rem auto auto;padding:2rem;text-align:center;width:50%}.signin-page h1{color:#4e4e4e}.signin-page h4{color:#4e4e4e;font-size:16px;line-height:1.6}.signin-btn{align-items:center;background-color:#fff;border:1px solid #4242421c;border-radius:5px;color:rgba(0,0,255,.589);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-evenly;margin:1rem;padding:.5rem;text-align:center}.brand-logo{height:100px;margin-top:1.5rem;width:100px}.google-img{border-radius:50%;display:flex;height:20px;margin-right:10px;width:20px}@media only screen and (max-width:800px){.image-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr;margin:10px}.backdrop{align-items:center;display:flex;justify-content:center}.backdrop img{border:3px solid #fff;box-shadow:3px 5px 7px #00000080;display:block;margin:10px auto;max-height:90%;max-width:90%;z-index:99!important}.signin-container{margin:6rem auto auto;width:100%}.signin-page h4{font-size:15px}.signin-page{width:80%}.profile-details{margin-left:-.5rem}.profile-pic{display:inline-block;height:25px;margin-right:.25rem;width:25px}.title h2{font-size:1.2rem;margin:.25rem}}
/*# sourceMappingURL=main.350ec4fc.css.map*/