@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500&family=Open+Sans:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Satisfy,cursive;font-family:Wix Madefor Text,sans-serif;font-family:Fredoka,sans-serif}.navbar{background:#0000;justify-content:space-between;padding:10px 20px}.logo-name,.navbar{align-items:center;display:flex}.logo-name{height:25%;width:25%}.logo{align-items:center;display:flex;justify-content:center;width:30%}.logo,.logo img{border-radius:50%}.logo img{height:90%;width:90%}.nav-btns{display:flex;gap:20px}.log-out{background:linear-gradient(45deg,#8a2be2,#9b30ff);border-radius:50%;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.log-out,.log-out img{align-items:center;display:flex;justify-content:center}.log-out:hover{box-shadow:0 0 10px #fff6;transform:scale(1.1)}.log-out:active{background:linear-gradient(135deg,#ff7e5f,#feb47b)}.log-out img{height:24px;width:24px}@media (max-width:768px){.navbar{padding:10px 15px}.logo-name{display:none;justify-content:center;width:35%}.logo{height:40px;width:40px}.logo img{height:100%;width:100%}.nav-btns{gap:15px}.log-out{height:40px;width:40px}.log-out img{height:20px;width:20px}}@media (max-width:480px){.navbar{align-items:flex-start;flex-direction:column;padding:10px}.logo-name{display:none;justify-content:center;margin-bottom:10px;width:100%}.nav-btns{gap:10px;justify-content:space-between;width:100%}.log-out{height:35px;width:35px}.log-out img{height:18px;width:18px}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1b1d1e;border-radius:8px;height:80%;overflow-y:hidden;padding:20px;position:relative;width:30%}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}@media (max-width:768px){.modal-content{height:70%;width:50%}}@media (max-width:480px){.modal-content{height:auto;max-height:90%;overflow-y:auto;padding:15px;width:80%}.modal-close{font-size:20px;right:5px;top:5px}}.photo-view-page{background-color:#181a1b;background:url(/static/media/back.30e986191acb68b2c1c6.jpg) no-repeat 50%/cover;color:#fff;display:flex;flex-direction:column;height:100vh;margin:0;padding:0;width:100%}.cover-image-container{display:flex;height:100vh;justify-content:center;position:relative;width:100%}.cover-content{border-radius:10px;margin:5% auto;padding:20px;text-align:center}.album-name{font-size:48px;margin-bottom:20px}.button-group{gap:20px}.button-group,.view-buttons{align-items:center;display:flex;justify-content:space-evenly}.view-buttons{margin-top:10%;width:50%}.seperation{font-size:50px;margin-top:8%;padding:0;text-align:center;width:10%}.seperation,.upload{align-items:center;display:flex}.upload{justify-content:space-evenly;justify-content:center;margin-top:10%;width:40%}.action-button{background:linear-gradient(45deg,#8a2be2,#9b30ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background .3s ease}.action-button:hover{background:linear-gradient(45deg,#9b30ff,#8a2be2)}.gallery-section{background:linear-gradient(135deg,#181a1b,#1d1f21 40%,#30213d);flex-grow:1;padding:50px 20px}.image-gallery{flex-wrap:wrap;gap:20px}.image-container,.image-gallery{display:flex;justify-content:center}.image-container{align-items:center;border-radius:10px;box-sizing:border-box;flex:1 1 auto;flex-direction:column;max-height:250px;max-width:250px;overflow:hidden;position:relative}.gallery-image{border-radius:10px;display:block;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.gallery-image:hover{filter:brightness(.8);transform:scale(1.05)}.overlay{align-items:center;background-color:#0009;border-radius:0 0 10px 10px;bottom:0;color:#fff;display:flex;height:0;justify-content:center;overflow:hidden;position:absolute;transition:height .3s ease;width:100%}.image-container:hover .overlay{height:40px}.overlay button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:14px;margin:0;padding:0;text-decoration:underline}.overlay button:hover{color:#ccc}.close{color:#fff;cursor:pointer;font-size:35px;font-weight:700;position:absolute;right:30px;top:20px}.close:focus,.close:hover{color:#bbb;cursor:pointer;text-decoration:none}.modal{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:10px;display:block;margin:auto;max-height:60%;max-width:60%}.btn-container{display:flex;justify-content:center;margin-top:20px}.btn-container button{background:linear-gradient(45deg,#8a2be2,#9b30ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background .3s ease}.loading-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s ease-in-out infinite;border:8px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.album-name{font-size:36px}.upload,.view-buttons{flex-direction:column;gap:15px;width:80%}.gallery-section{padding:30px 15px}.modal-content{max-height:80%;max-width:80%}}@media (max-width:480px){.album-name{font-size:28px}.seperation{font-size:36px;margin-top:5%;width:20%}.action-button{font-size:14px;padding:8px 20px}.gallery-section{padding:20px 10px}.image-gallery{gap:10px}.image-container{max-height:150px;max-width:150px}.modal-content{max-height:90%;max-width:90%}.loading-spinner{height:40px;width:40px}}.all-album-view{background:url(/static/media/back.30e986191acb68b2c1c6.jpg) no-repeat 50%/cover;color:#fff;display:flex;flex-direction:column;margin:0;padding:0}.allalbum-image-container{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:space-evenly;width:100%}.allalbum-content{font-size:48px;margin-bottom:20px;text-align:center}.button-container{bottom:10%;display:flex;gap:20px;justify-content:space-evenly;width:30%}.popup-button{background:linear-gradient(45deg,#8a2be2,#9b30ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:15px 30px;transition:background-color .3s ease,transform .3s ease}.popup-button:hover{background:linear-gradient(45deg,#9b30ff,#8a2be2);transform:scale(1.05)}.popup{align-items:center;background-color:#232528;border-radius:10px;box-shadow:0 0 15px #00000080;height:40vh;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:40vw;z-index:1000}.popup,.popup-form{display:flex;flex-direction:column}.popup-form{gap:15px;width:100%}.popup .input{background-color:#1b1d1e;border:none;border-radius:5px;color:#fff;font-size:18px;padding:12px;width:90%}.popup .input:focus{border:1px solid #8a2be2;outline:none}.popup .input::placeholder{color:grey;font-size:18px;opacity:1}.submit-btn{display:flex;justify-content:center}.submit-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease;width:50%}.submit-button:hover{background-color:#218838;transform:scale(1.05)}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.close-button:hover{color:#bbb}.albums-container{background:linear-gradient(135deg,#181a1b,#1d1f21 40%,#30213d);border-radius:5% 5% 0 0;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px}.album-section-title{align-items:center;color:#fff;display:flex;font-size:36px;margin-bottom:2%;text-align:center}.album-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.album-card{background-color:#232528;border-radius:10px;cursor:pointer;font-size:20px;max-width:250px;overflow:hidden;padding:20px;text-align:center;transition:background-color .3s ease,transform .3s ease}.album-card:hover{background-color:#1b1d1e;border:1px solid #8a2be2;transform:scale(1.05)}.footer{background-color:#1b1d1e;color:#b3b3b3;font-size:14px;padding:20px;text-align:center}@media (max-width:768px){.allalbum-content{font-size:36px}.button-container{gap:10px;width:50%}.popup{height:auto;padding:15px;width:60vw}.popup .input{font-size:16px}.submit-button{font-size:16px;width:70%}.album-section-title{font-size:28px}}@media (max-width:480px){.allalbum-image-container{height:40vh}.allalbum-content{font-size:28px;margin-bottom:10px}.button-container{flex-direction:column;gap:10px;width:80%}.popup{padding:10px;width:80vw}.popup-form{gap:10px}.popup .input,.submit-button{font-size:14px;width:100%}.album-section-title{font-size:24px}.album-grid{gap:10px}.album-card{font-size:16px;max-width:100%;padding:15px}.footer{font-size:12px}}.login-page{align-items:center;background:#181a1b;display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden;position:relative}.login-page-container{border-radius:5%;box-shadow:0 8px 20px #0000004d;display:flex;height:80%;width:80%}.login-button{align-items:center;display:flex;justify-content:center}.sign-in-button{background:linear-gradient(45deg,#8a2be2,#9b30ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:80%}.sign-in-button:hover{background:linear-gradient(45deg,#9b30ff,#8a2be2)}.signup-text{color:#b3b3b3;font-size:14px;margin-top:20px}.signup-text a{color:#8a2be2;text-decoration:none}.signup-text a:hover{text-decoration:underline}@media (max-width:768px){.login-page-container{flex-direction:column;height:auto;width:90%}.left-half{border-radius:5% 5% 0 0}.right-half{border-radius:0 0 5% 5%}form{width:80%}.sign-in-button{width:100%}}@media (max-width:480px){.login-page-container{padding:20px;width:100%}.left-half .website-details h1{font-size:28px}.left-half .website-details p{font-size:14px;padding:0 20px}h2{font-size:24px}.sign-in-button{font-size:14px;padding:12px}.signup-text{font-size:12px}}.signup-page{align-items:center;background:#181a1b;display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden;position:relative}.signup-page-container{box-shadow:0 8px 20px #0000004d;display:flex;height:80%;width:80%}.left-half{background:#2c2f33;border-radius:5% 0 0 5%;color:#fff;flex:1 1;padding:10px}.left-half,.website-details{align-items:center;display:flex;flex-direction:column;justify-content:center}.left-half .brand-logo img{margin-bottom:15px;max-width:150px}.left-half .website-details h1{font-size:36px;margin-bottom:20px}.left-half .website-details p{font-size:16px;line-height:1.5;text-align:center}.right-half{align-items:center;background:#232528;border-radius:0 5% 5% 0;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px}h2{margin-bottom:20px}form{width:50%}.input-group{align-items:center;display:flex;justify-content:center;margin-bottom:20px}input[type=email],input[type=password]{background-color:#2c2f33;border:none;border-radius:5px;color:#fff;font-size:14px;padding:10px;width:100%}input[type=email]::placeholder,input[type=password]::placeholder{color:#b3b3b3}input:focus{border:1px solid #8a2be2;outline:none}.signup-btn{align-items:center;display:flex;justify-content:center}.sign-up-button{background:linear-gradient(45deg,#8a2be2,#9b30ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:80%}.sign-up-button:hover{background:linear-gradient(45deg,#9b30ff,#8a2be2)}.login-text{color:#b3b3b3;font-size:14px;margin-top:20px}.login-text a{color:#8a2be2;text-decoration:none}.login-text a:hover{text-decoration:underline}@media (max-width:768px){.signup-page-container{flex-direction:column;height:auto;width:90%}.left-half{border-radius:5% 5% 0 0}.right-half{border-radius:0 0 5% 5%}form{width:80%}.sign-up-button{width:100%}}@media (max-width:480px){.signup-page-container{padding:20px;width:100%}.left-half .website-details h1{font-size:28px}.left-half .website-details p{font-size:14px;padding:0 20px}h2{font-size:24px}.sign-up-button{font-size:14px;padding:12px}.login-text{font-size:12px}}
/*# sourceMappingURL=main.cf9ff00b.css.map*/