@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap);:root{--primary:#efb6b2;--secondary:#4e4e4e;--error:#ff4a4a;--success:#5abe76}body{color:#4e4e4e;color:var(--secondary);font-family:"Noto Serif"}.App{display:block;margin:0 auto;max-width:960px}.login-register-signout-button{background:#fff;border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:.5rem;color:#efb6b2;color:var(--primary);font-family:"Noto Serif";padding:.5rem}.login-signout-button:hover{background:#efb6b2;background:var(--primary);color:#fff}.auth-signed-in{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.auth-welcome-message{color:#4e4e4e;color:var(--secondary);font-size:1rem;margin-right:1rem}.username{color:#efb6b2;color:var(--primary)}.empty-or-unauthorized-image-view{color:#4e4e4e;color:var(--secondary);padding:10rem;text-align:center}#auth-close{background-color:#fff;border:1px solid #fff;font-weight:700;padding:.5rem .25rem}#auth-close,.auth-inline-link-button{align-self:flex-end;color:#efb6b2;color:var(--primary);font-family:"Noto Serif"}.auth-inline-link-button{background:none;border:none;font-size:inherit;font-weight:400;padding:0}.login-and-register-forms{align-content:center;background-color:#fff;display:flex;flex-direction:column;width:300px}.login-and-register-forms input{padding-left:1rem}.login-and-register-forms button,.login-and-register-forms input{border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:.5rem;font-family:"Noto Serif";line-height:2rem;margin:.5rem}.login-and-register-forms button{background-color:#efb6b2;background-color:var(--primary);color:#fff}.login-and-register-forms-error{align-self:center;border:1px solid #ff4a4a;border:1px solid var(--error);border-radius:.5rem;color:#ff4a4a;color:var(--error);display:flex;flex-direction:column;font-family:"Noto Serif";font-size:.75rem;margin:.5rem;width:284px}.masthead{align-items:center;display:flex;justify-content:space-between}.image-and-title{align-items:center;display:inline-flex}.title h1{color:#efb6b2;color:var(--primary);font-size:2.4rem;font-weight:400;letter-spacing:1px}.title h2,.title p{text-align:center}.title h2,.title p{color:#4e4e4e;color:var(--secondary)}.title h2{font-size:2rem;margin-top:60px}.title img{height:64px;margin-right:1rem;width:64px}.login-and-register-forms-error .error{color:#ff4a4a;color:var(--error)}#uploadForm{margin:30px auto 40px;text-align:center}#uploadFile{height:0;opacity:0;width:0}#uploadLabel{border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:50%;color:#efb6b2;color:var(--primary);display:block;font-size:24px;font-weight:700;height:30px;line-height:30px;margin:10px auto;width:30px}#uploadLabel:hover{background:#efb6b2;background:var(--primary);color:#fff}.output{display:flex;flex-direction:column;font-size:.75rem}.error,.error-message{color:#ff4a4a;color:var(--error)}.error-message{align-self:center;background-color:#fff;border:1px solid #ff4a4a;border:1px solid var(--error);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem}.success,.success-message{color:#5abe76;color:var(--success)}.success-message{align-self:center;background-color:#fff;border:1px solid #5abe76;border:1px solid var(--success);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem}.message-dismiss{align-self:flex-end;background-color:#fff;border:1px solid #fff;font-family:"Noto Serif";font-weight:700;padding:.25rem}.progress-bar{background:#efb6b2;background:var(--primary);border:1px solid #efb6b2;border:1px solid var(--primary);border-radius:.25rem;height:5px;margin-top:20px}.img-grid{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px auto;padding-top:20px}.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%;z-index:100}.auth-modal{background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin:0 auto;max-height:-webkit-fit-content;max-height:fit-content;max-width:-webkit-fit-content;max-width:fit-content;padding:1rem 3rem;position:relative;top:40%;width:90vw}.backdrop img{border:3px solid #fff;box-shadow:3px 5px 7px #00000080;display:block;margin:60px auto;max-height:80%;max-width:60%}
/*# sourceMappingURL=main.39234579.css.map*/