@import "https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap";
:root{--primary:#89b0ae;--secondary:#555b6e;--overlay:#ffd6ba;--error:#ff4a4a;--bg:#f7fbf9;--surface:#fff;--text:#1e2b2a;--text-muted:#5b6b72;--border:#d7e4e2;--accent:#4a7c79;--accent-strong:#3d6764;--gradient-mint:#cdffd8;--gradient-sky:#94b9ff}html[data-theme=dark]{--bg:#16211f;--surface:#1f2e2b;--text:#eaf3ef;--text-muted:#9fb3af;--border:#2c3f3b;--accent:#7fd9c4;--accent-strong:#a4e8d6}html,body{background-color:var(--bg);width:100vw;color:var(--secondary);margin:0;padding:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .2s;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-family:Noto Serif,serif;font-weight:700}.App{max-width:95%;margin:0 auto}.submitButton{color:#fff!important;background-color:var(--primary)!important}.MuiList-root a{color:var(--secondary);text-decoration:none}.output{font-size:.8rem}.error{color:var(--error)}.progress-bar{background:var(--primary);height:5px;margin-top:20px}.img-grid{grid-gap:15px;grid-template-columns:repeat(4,minmax(0,1fr));margin:35px auto;display:grid}@media screen and (max-width:900px){.img-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.img-wrap{opacity:.8;cursor:pointer;height:0;padding:50% 0;position:relative;overflow:hidden}.img-wrap img{object-fit:cover;width:100%;min-width:100%;max-width:150%;height:100%;min-height:100%;position:absolute;top:0;left:0;overflow:hidden}.backdrop{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.backdrop>div{vertical-align:middle;background-color:#fff;border-radius:10px;max-width:90%;max-height:90%;display:flex;box-shadow:3px 5px 7px #00000080}.backdrop>div>img{border-top-left-radius:10px;border-bottom-left-radius:10px;width:auto;max-width:50vw;height:auto;max-height:70vh}.backdrop>div>div{border-top-right-radius:10px;border-bottom-right-radius:10px;width:auto;min-width:20vw;height:auto;padding:30px}.modalUpload{border-bottom:1px solid gray;width:100%}.profileDiv{background-color:#ddd;border:1px solid #ddd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10vw;display:flex;box-shadow:0 10px 10px #bbb}@media screen and (max-width:600px){.profileButton,.loginButton,.logoutButton{font-size:.675rem!important}.img-grid{grid-gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));margin:25px auto;display:grid}.backdrop>div{vertical-align:middle;background-color:#fff;flex-direction:column;max-width:90%;max-height:90%;display:flex;box-shadow:3px 5px 7px #00000080}.backdrop>div>img{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;width:auto;max-width:80vw;height:auto;max-height:70vh}.backdrop>div>div{border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:auto;min-width:20vw;height:auto;padding:10px;font-size:10px}.backdrop>div{width:80%}.modalUpload{border-bottom:0;width:100%}}@media screen and (min-width:600px){.App{max-width:800px}}