@import url(https://fonts.googleapis.com/css2?family=Train+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Train+One&display=swap);:root{--primary:#8b5cf6;--secondary:#c4b5fd;--header:#ddd;--error:#ff4a4a;--blue:#58a6ff}body::-webkit-scrollbar{display:none}body{font-family:"Noto Serif";color:#ddd;color:var(--header);background-color:#333;transition:background-color .4s}button:focus{outline:none}.title>.header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:center;align-content:center}.theme-icon{font-size:1.7rem!important;margin:auto 0}.title h1{color:#8b5cf6;color:var(--primary);font-size:2.2rem;letter-spacing:2px;font-family:"Train One",cursive}.title h2{text-align:center;margin-top:1rem;font-size:2.6rem;font-family:"Patrick Hand",cursive}.title-header{-webkit-flex-direction:column;flex-direction:column}.header-right,.title-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header-right{margin:auto 0;-webkit-justify-content:center;justify-content:center}.btn-logout{width:50px;height:50px;margin-left:1rem;background-color:#8b5cf6;color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;font-size:20px;outline:none}.tabs{width:40%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.btn-tab{padding:.5rem .8rem;border-radius:.3rem;border:2px solid #58a6ff;border:2px solid var(--blue);background-color:transparent;color:#58a6ff;color:var(--blue);cursor:pointer;font-weight:600}.btn-tab:focus{background-color:rgba(88,166,255,.2)}.upload-file{width:0;height:0;position:absolute}.upload-file-label{display:block;text-align:center;width:150px;height:30px;border:2px solid #8b5cf6;border:2px solid var(--primary);border-radius:.4rem;margin:1rem auto;line-height:30px;color:#8b5cf6;color:var(--primary);font-weight:700;font-size:20px;transition:background-color .4s}.upload-file-label:hover{background-color:#8b5cf6;background-color:var(--primary);color:#fff}.progress-bar{height:5px;background-color:#c4b5fd;background-color:var(--secondary)}.image-grid{margin:2rem 0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem}@media (max-width:500px){.image-grid{margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.tabs{width:70%}}.image-wrap{overflow:hidden;height:0;padding:50% 0;position:relative;opacity:.8;border-radius:.5rem}.image-wrap img{min-width:100%;min-height:100%;max-width:150%;position:absolute;top:0;left:0;cursor:pointer}.image-icons{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-top:.3rem;padding:.5rem 0;border-radius:.5rem;background-color:#8b5cf6;background-color:var(--primary)}.back-drop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.back-drop img{display:block;max-width:60%;max-height:80%;object-fit:contain;margin:3rem auto;border:2px solid #fff;box-shadow:5px 7px 10px rgba(0,0,0,.5)}@media (max-width:500px){.back-drop img{display:block;max-width:90%;max-height:80%;object-fit:contain;margin:10% auto;border:2px solid #fff;box-shadow:5px 7px 10px rgba(0,0,0,.5)}}#btn-bin{margin:0 1rem .5rem 0;border-radius:.3rem;border:2px solid #58a6ff}#btn-bin,#btn-delete{height:2rem;cursor:pointer}#btn-delete{margin:0 .5rem .5rem 0;background-color:#d73a49;color:#fff;border:none;border-radius:.3rem}.app{max-width:960px;margin:0 auto}.sign-up{margin:1.5rem auto;width:25%;padding:0 1.5rem;border:1px solid #d1d5db;border-radius:.5rem}.sign-up h1{text-align:center;font-weight:600}.sign-up input{width:100%;height:2rem;box-sizing:border-box;border:1px solid #9ca3af;border-radius:5px;padding:0 10px}.sign-up input:focus{outline:none;box-shadow:0 0 8px #c4b5fd}.sign-up button{width:100%;margin:1.5rem 0;background-color:#8b5cf6;color:#fff;border:none;height:30px;border-radius:5px;cursor:pointer;font-weight:600;outline:none}#login-redirect{text-align:center;margin:0 auto 1rem}.details{margin:.5rem 0}.error{width:80%;padding:.5rem;border:1px solid red;background-color:rgba(176,33,50,.3);border-radius:.3rem}@media (max-width:500px){.sign-up{width:65%;margin:5rem auto}}
/*# sourceMappingURL=main.125c9195.chunk.css.map */