body{box-sizing:border-box;font-family:PT Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px}body,html,nav{padding:0;margin:0}nav{text-transform:uppercase}.navBar{position:fixed;width:100%;height:50px;background-color:#2d2d44;padding:0;margin:0;z-index:1;-webkit-animation-name:slide-down;-webkit-animation-duration:4s;animation-name:slide-down;animation-duration:4s}.navBar ul{list-style:none;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0;margin:0}.navBar ul li a{text-decoration:none;color:#fff;margin-left:10px;margin-right:10px}.navBar img{height:40px;padding:0;margin-top:5px}.landing-content{position:relative;padding-top:50px;width:100%;justify-content:center}.landing-content,.landingText{display:flex;flex-direction:column;align-items:center}.landingText{justify-content:space-around}.landing-content h4{margin-top:-10px}.landing-content p{text-align:center;padding:10px;margin-top:-10px;border-bottom:1px solid #000}.landing-example{width:100%}.landing-example p{margin-left:auto;margin-right:auto}.landing-example img{width:100%}.cameraLockImage{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}#lock{position:absolute;width:250px;height:auto;-webkit-animation:lock 1s linear 3s forwards;animation:lock 1s linear 3s forwards;z-index:-10}#camera{width:300px;margin-top:175px}@media only screen and (min-width:700px){.landing-content{width:70%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;padding:100px 50px 50px;margin-left:auto;margin-right:auto}.landing-content p{border:none}.cameraLockImage{width:100%;display:flex;justify-content:space-between}}.reg-form{position:relative;padding-top:100px;width:100%;height:auto;text-align:center;background-color:#fff;background-color:#f0f8ff;border-radius:20px 20px 20px 20px;-webkit-animation:fade-in 4s linear;animation:fade-in 2s linear}.signupForm{display:flex;flex-direction:column;align-items:center}.signupForm label{width:100%}.signupFormInput{width:90%;height:30px;margin-top:5px;margin-bottom:5px;border:1px solid #000}#signupFormSubmit{width:50%}#signupFormReset,#signupFormSubmit{display:block;padding:10px;margin-top:20px;margin-bottom:20px;text-align:center;font-size:25px;background-color:transparent;border:1px solid #000;border-radius:20px 20px 20px 20px}#signupFormReset{width:25%}@media only screen and (min-width:700px){.reg-form{position:absolute;padding:20px;margin-top:80px;width:25%;margin-left:36.5%;border:1px solid #000}}.login-form-container{position:relative;width:100%;height:auto;padding-top:100px;padding-bottom:50px;text-align:center;background-color:#f0f8ff;border:1px solid #000;border-radius:20px 20px 20px 20px;-webkit-animation:fade-in 4s linear;animation:fade-in 2s linear}.login-form-container button{font-size:20px;background:transparent;margin-top:10px;padding:5px;border:1px solid #000;border-radius:10px;cursor:pointer}.login-form{display:flex;flex-direction:column;align-items:center}.login-form label{width:100%}.loginFormInput{width:90%;height:30px;margin-top:10px;margin-bottom:10px;border:1px solid #000}#loginFormBtn{display:block;padding:10px;margin-top:20px;margin-bottom:20px;text-align:center;font-size:25px;background-color:transparent;border:1px solid #000;border-radius:20px 20px 20px 20px;width:50%}@media only screen and (min-width:700px){.login-form-container{position:absolute;padding:20px;margin-top:150px;width:25%;margin-left:36.5%}}.albums-bar{width:100%;height:150px}.albums-bar ul{box-sizing:border-box;list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.albums-bar ul li{line-height:0;font-size:25px;padding-left:5px;padding-right:5px}.albums-bar ul li link{text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}.albumImg{box-sizing:border-box;border:3px solid #000;width:100px;height:100px;border-radius:50%;overflow:hidden;padding:5px}@media only screen and (min-width:700px){.albums-bar{margin-top:5%}.albums-bar ul{box-sizing:border-box;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}}.gridImg{position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.image-container{position:relative;width:120px;height:120px;overflow:hidden;border:1px solid #fff}@media only screen and (min-width:700px){.image-container{width:200px;height:200px}}.grid-container{width:100%;display:grid;grid-template-columns:auto auto auto;margin-bottom:20px}@media only screen and (min-width:700px){.grid-container{display:flex;flex-wrap:wrap;padding:50px;margin:0}}.homePage{width:100%;padding-top:0;text-align:center;background-color:#fff;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.sideBar{height:auto}.content-counter{width:100%;height:100px;display:flex;justify-content:space-around;background-color:#00bfff;border-radius:0 0 20px 20px;box-shadow:0 10px 50px 0 #d8d8d8;padding-bottom:15px;margin:0;font-size:25px;line-height:10px;color:#f0f8ff}.content-counter span{font-size:25px}.albums-container{margin-bottom:50px;background-color:transparent}.userInfo{width:100%;flex-direction:column;justify-content:space-between;padding-top:70px;background-color:#e6e6e6}#albumTag,.userInfo{display:flex;align-items:center}#albumTag{height:80px;width:100px;margin-left:auto;margin-right:auto;justify-content:space-around;flex-direction:row-reverse}#addAlbumBtn{box-sizing:border-box;width:40px;height:40px;border-radius:50%;overflow:hidden;color:#fff}#changeProfileBtn{position:absolute;margin-top:70px;margin-left:-40px;width:40px}#userPhoto{width:100px;height:100px;border-radius:50px 50px}@media only screen and (min-width:700px){.homePage{width:100%;display:flex;justify-content:space-around}.sideBar{width:10%;margin-left:2%;display:block;text-align:center}.content-counter{width:100%;height:60px;font-size:15px}.content-counter span{font-size:20px}.albums-container{width:100%;display:flex;flex-direction:column}.images-container{width:100%;margin:100px}#albumTag{height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse}#addAlbumBtn{box-sizing:border-box;width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;margin-right:auto;margin-left:auto;margin-top:-40px}}.albumPage-container{width:100%;padding-top:30px;font-size:30px;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}#albumBtnDiv1{display:inline-flex}#albumBtnDiv1 p{margin-top:63px}#albumBtnDiv2{display:flex;justify-content:space-around;align-items:baseline}.albumPageBtnContainer{width:100%;padding-top:0;display:flex;justify-content:space-between;align-items:baseline}img#removeAlbumBtn{cursor:pointer;margin-right:10px;height:50px;width:40px;background-color:transparent}img#editAlbumImg,img#uploadAlbumImg{margin-right:10px;height:60px;width:60px}@media only screen and (min-width:700px){.albumPageBtnContainer{margin-bottom:0}#removeAlbumBtn{width:200px}}.add-album-container{width:100%;padding-top:100px;text-align:center;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.addFolderForm{width:100%}.addFolderForm label{font-size:30px;margin:5px;padding-bottom:10px}.addFolderForm input{border:1px solid #000;width:90%;height:50px;display:block;margin:10px auto;font-size:20px;padding:5px;box-sizing:border-box}.albumImgPreview{box-sizing:border-box;border:2px solid #000;width:100px;height:100px;border-radius:50%;overflow:hidden;padding:5px}.addFolderForm button{width:90%;height:50px;font-size:30px;border:1px solid #000;background-color:transparent;margin-top:15px;cursor:pointer}@media only screen and (min-width:700px){.add-album-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.addFolderForm{width:30%}.addFolderForm input{height:40px;font-size:20px}}.image-page-container{width:100%;padding-top:50px;margin-bottom:25px;text-align:center;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.singleImg{width:100%;margin:0}#imagePageBackBtn{width:50px;height:50px;float:left;font-size:45px;cursor:pointer;padding:0;margin-top:50px;background:transparent;border:none}.imageButtons{width:100%;display:block}.imageButtons button{cursor:pointer;width:90%;height:50px;border:1px solid #000;background-color:transparent;font-size:30px;margin-top:35px}.imageLoading p{margin:0;padding-top:200px;text-align:center}@media only screen and (min-width:700px){.image-page-container{width:60%;display:flex;justify-content:center;align-items:center;padding-top:100px;margin-left:auto;margin-right:auto}.singleImg{width:50%;margin-top:1%;margin-left:2%}.image-info{width:100%;display:flex;flex-direction:column}.image-info button{border-radius:10px;width:150px;margin:20px}#imagePageBackBtn{margin-top:50px;background-color:transparent;border:none}}.deleteConfirmImage{width:100%;margin-top:-190px;font-size:30px;z-index:10;position:absolute;background-color:#f0f8ff;border:1px solid #000;border-radius:25px}.deleteConfirmImage button{width:150px;height:45px;font-size:25px;border-radius:25px;margin:15px;background-color:#fff}.deleteConfirmAlbum{width:100%;height:300px;margin-top:120px;font-size:30px;z-index:10;position:absolute;background-color:#f0f8ff}.deleteConfirmAlbum button{width:150px;height:45px;font-size:25px;border-radius:25px;margin:15px;background-color:#fff}@media only screen and (min-width:700px){.deleteConfirmImage{width:60%;height:200px;margin-top:0;font-size:30px;background-color:rgba(240,248,255,.9);border:1px solid #000;border-radius:25px}.deleteConfirmImage button{width:150px;height:45px;font-size:25px;border-radius:25px;margin:15px}.deleteConfirmAlbum{box-sizing:border-box;padding:10px;width:100%;height:270px;margin-top:110px;font-size:30px;background-color:#f0f8ff}.deleteConfirmAlbum button{width:150px;height:45px;font-size:25px;border-radius:25px;margin:15px}}.updateProfile{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:100px;background-color:#fff;text-align:center;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.updateProfile input{width:300px;height:25px;margin:10px;padding:5px;border:1px solid #000;font-size:20px}.updateProfile button{width:150px;height:25px;border-radius:10px 10px 10px 10px;background:transparent;margin:5px}#fileToUpload{display:none}.imageUploadForm{display:flex;flex-direction:column;justify-content:center;width:100%;margin-bottom:25px;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.uploadFormInput{width:100%;height:40px;text-align:left;font-size:20px;border:1px solid #000}label{margin:15px}.uploadImgPreview{width:100%}#commentsForImage{text-align:left;height:150px;width:100%}#returnHomeBtn,#uploadFormBtn{display:block;width:90%;height:40px;margin-top:20px;margin-left:auto;margin-right:auto;padding:5px;text-align:center;font-size:20px;border:1px solid #000;background-color:transparent;cursor:pointer}@media only screen and (min-width:700px){.uploadFormContainer{width:65%;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;padding-top:100px}.imageUploadForm{width:100%;flex-direction:column}.imageUploadForm button{width:150px;border-radius:10px}.uploadImgPreview{width:50%;margin:1%}}.edit-page-container,.upload-page-container{position:relative;padding-top:50px;width:100%}.edit-page-container{margin-bottom:25px;text-align:center;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.imgPreview{width:100%;margin-top:20px}.imageEditForm{display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:10px}.imageEditForm label{font-size:30px;margin-bottom:10px}.imageEditForm input{width:100%;box-sizing:border-box;font-size:25px}.imageEditForm button,.imageEditForm input{height:50px;text-align:center;border:1px solid #000}.imageEditForm button{width:90%;margin-top:15px;margin-left:auto;margin-right:auto;font-size:20px;background-color:transparent}.imageEditForm select{height:35px}#captionTextarea,.imageEditForm select{width:100%;font-size:20px;border:1px solid #000}#captionTextarea{height:150px;padding:10px;box-sizing:border-box}.switch-container{display:flex;justify-content:center;align-items:center}#switchText{font-size:20px}.switch{position:relative;display:inline-block;width:50px;height:25px;background-color:#a5a5a5;border-radius:20px;border:1px solid #000}.switch:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;-webkit-transition:all .3s;transition:all .3s}.checkbox:checked+.switch:after{left:27px}.checkbox:checked+.switch{background-image:-webkit-gradient(linear,left top,right top,from(#0f2),to(#0d00ff));background-image:linear-gradient(90deg,#0f2,#0d00ff)}.checkbox{display:none}@media only screen and (min-width:700px){.edit-page-container{display:flex;align-items:center;padding-top:5px}.imgPreview{width:500px;margin-top:1%;margin-left:2%;padding-top:0}.imageEditForm{display:flex;justify-content:center;flex-direction:column;padding-top:0;margin-top:0}#captionTextarea{width:50%;margin-left:auto;margin-right:auto}.imageEditForm input{width:30%;height:25px;font-size:20px;padding:15px;box-sizing:border-box}#makeAlbumImageCheck{-webkit-transform:scale(.8);transform:scale(.8);margin-left:auto;margin-right:auto}.imageEditForm select{width:30%;height:35px;font-size:20px}.imageEditFormBtnContainer{display:flex;justify-content:space-around;align-items:center;width:50%;margin-left:auto;margin-right:auto}.imageEditFormBtnContainer button{width:30%;border-radius:25px}}.editAlbumPageContainer{width:100%;height:800px;position:relative;margin-left:auto;margin-right:auto;background-color:#f0f8ff;padding-top:80px;padding-bottom:15px;text-align:center;-webkit-animation:fade-in 1s linear;animation:fade-in 1s linear}.editAlbumPageContainer form{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin-left:auto;margin-right:auto}.editAlbumPageContainer input{border:1px solid #000;width:200px;height:30px;text-align:center;font-size:20px;margin:15px}.editAlbumPageContainer button{width:200px;height:30px;border:1px solid #000;border-radius:10px;margin:8px;font-size:15px;background-color:transparent;cursor:pointer}@media only screen and (min-width:700px){.editAlbumPageContainer{width:30%;height:450px;border:1px solid #000;border-radius:25px}}.App{width:100%;-webkit-animation-name:fade-in;-webkit-animation-duration:10s;animation-name:fade-in;-webkit-animation-duration:4s;animation-duration:4s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{to{opacity:1}0%{opacity:0}}@keyframes fade-out{to{opacity:1}0%{opacity:0}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes lock{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100px);transform:translateY(100px)}}@keyframes lock{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(60px);transform:translateY(60px)}}
/*# sourceMappingURL=main.a6a85116.chunk.css.map */