section.about_us{margin:5em 1em}section.about_us p{line-height:1.5;font-size:larger}@media only screen and (min-width:1200px){section.about_us{margin:5em}}section.create_album{display:flex;justify-content:center}section.create_album button{padding:.5em;margin:1em 2em;border:1px solid #333;border-radius:4px}section.list_albums{display:flex;flex-wrap:wrap;color:#fff;justify-content:center}section.list_albums .album{display:flex;justify-content:center;align-items:center;padding:1em;margin:1em;width:200px;height:200px;background-color:#333;border:0;border-radius:4px}section.list_albums .album span{display:flex;justify-content:center;align-items:center;width:100%}section.list_albums .album:hover{cursor:pointer;opacity:.7}section.add_photo{display:flex;justify-content:center}section.add_photo button{padding:.5em;margin:1em 2em;border:1px solid #333;border-radius:4px}section.photo_list{flex-direction:column;align-items:center;padding-top:2em}section.photo_list,section.photo_list .row{display:flex;justify-content:center;width:100%}section.photo_list .row{flex-wrap:wrap;margin:1em auto}section.photo_list .row .img-wrapper{width:30%;position:relative}section.photo_list .row .img-wrapper .img{display:flex;flex-direction:column;align-items:center;width:100%;height:400px;padding:1em;box-sizing:border-box;background:rgba(0,0,0,.1)}section.photo_list .row .img-wrapper .img img{max-width:100%;max-height:300px;border:0;border-radius:4px}section.photo_list .row .img-wrapper .img .actions{display:flex;padding:0 1em 0 0;position:relative;left:0;right:0;bottom:2em;z-index:2;background:rgba(0,0,0,.1)}section.photo_list .row .img-wrapper .img .actions span{color:#fff;padding:0;width:15%}section.photo_list .row .img-wrapper .img .actions span.in-album{display:flex;justify-content:flex-start;align-items:center;font-size:small;width:70%;box-sizing:border-box;margin-left:1em}section.photo_list .row .img-wrapper .img .actions .icon{color:#fff;font-size:large}section.photo_list .row .img-wrapper .img .actions:hover{cursor:pointer;bottom:2em;background:transparent}section.photo_list .row .img-wrapper .img .actions:hover .icon{font-size:2em}section.photo_list .row .img-wrapper .img .actions:hover .icon:hover{cursor:pointer;color:#db5a6b}section.photo_list .row .img-wrapper .img:hover{cursor:pointer;position:absolute;top:-8px;right:-4px;z-index:10;background:rgba(0,0,0,.3)}section.photo_list .backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);padding-top:100px;z-index:30}section.photo_list .backdrop img{display:block;max-width:60%;max-height:70%;margin:60px auto;box-shadow:3px 5px 7px rgba(0,0,0,.5);border:3px solid #fff}@media only screen and (max-width:1200px){section.photo_list .row{padding-bottom:2em}section.photo_list .row .img-wrapper{width:90%}section.photo_list .row .img-wrapper .img{padding:.5em;height:auto}section.photo_list .row .img-wrapper .img img{max-width:100%;max-height:100%;border:0;border-radius:4px}section.photo_list .backdrop img{max-width:90%;max-height:90%;margin:10px auto}}section.account{margin-top:5em}section.account p{width:80%;height:60vh;margin:auto;border:.05px solid #333;border-radius:4px}section.account .row-btn,section.account p{display:flex;justify-content:center;align-items:center}section.account .row-btn{width:100%}section.account .row-btn button{padding:.5em;margin:1em 2em;border:1px solid #333;border-radius:4px}section.account .row-account{display:flex;justify-content:center;width:80%;margin:0 auto;border:.5px solid #333;border-radius:4px}section.account .row-account span{display:flex;justify-content:center;align-items:center;height:100%;width:50%;padding:.5em 0}section.account .row-account span:hover{cursor:pointer}section.account .albums,section.account .photos{margin:1em}@media only screen and (min-width:1201px){section.account{margin-top:5em}}@media only screen and (max-width:600px){section.account .row{width:100%}}@media only screen and (max-width:450px){section.account{margin-top:4em}}section.signin{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2em}section.signin a{color:#333;font-size:small}section.signin form.form,section.signin form.form div.row{display:flex;flex-direction:column}section.signin form.form div.row div.seperator{display:flex;justify-content:center;padding-bottom:1em}section.signin form.form div.row div.seperator span{margin:auto 1em}section.signin form.form div.row div.seperator hr{flex:1 1;background-color:#000;height:.5px}section.signin form.form div.row label.input_label{margin-bottom:.5em}section.signin form.form div.row input.text_input{margin:auto auto 1em;padding:.5em;border:.5px solid #333;border-radius:4px;font-weight:bolder}section.signin form.form div.small_text{flex-direction:row;justify-content:center}section.signin form.form div.small_text span{font-size:smaller;text-align:center}section.signin div.row{display:flex;flex-direction:column}section.signin div.row p{text-align:center}section.signin div.row span.gmail_signin{color:#333;margin:1em auto;padding:.5em;font-weight:bolder;border:1px solid #333;border-radius:4px}section.signin div.row span.gmail_signin:hover{cursor:pointer;color:#fff;background-color:#333}section.signin div.row button.signin{margin:1em auto;color:#fff;background-color:#333;border:none;padding:1em 2em;font-weight:bolder;border-radius:5px}@media only screen and (max-width:600px){section.signin{align-items:center;justify-content:center}section.signin,section.signin form.form,section.signin form.form div.row{display:flex;flex-direction:column}section.signin form.form div.row label.input_label{margin-bottom:.5em}section.signin form.form div.row input.text_input{margin:auto auto 1em;padding:.5em}section.signin form.form div.row button[type=submit]{margin:1em auto;background-color:#333;border:none;padding:1em 2em;font-weight:700}}section.signup{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2em}section.signup a{color:#333;font-size:small}section.signup form.form,section.signup form.form div.row{display:flex;flex-direction:column}section.signup form.form div.row label.input_label{margin-bottom:.5em}section.signup form.form div.row input.text_input{margin:auto auto 1em;padding:.5em;border:.5px solid #333;border-radius:4px;font-weight:bolder}section.signup form.form div.small_text{flex-direction:row;justify-content:center}section.signup form.form div.small_text span{font-size:smaller;text-align:center}section.signup div.row{display:flex;flex-direction:column}section.signup div.row p{text-align:center}section.signup div.row button{margin:1em auto;color:#fff;background-color:#333;border:none;padding:1em 2em;font-weight:bolder;border-radius:5px}@media only screen and (max-width:600px){section.signup{align-items:center;justify-content:center}section.signup,section.signup form.form,section.signup form.form div.row{display:flex;flex-direction:column}section.signup form.form div.row label.input_label{margin-bottom:.5em}section.signup form.form div.row input.text_input{margin:auto auto 1em;padding:.5em}section.signup form.form div.row button[type=submit]{margin:1em auto;color:#fff;background-color:#333;border:none;padding:1em 2em;font-weight:700}}section.create_new_album{height:90vh}section.create_new_album,section.create_new_album form{display:flex;flex-direction:column;justify-content:center;align-items:center}section.create_new_album form{width:100%;height:100%}section.create_new_album form .row{display:flex;flex-direction:column;justify-content:center}section.create_new_album form .row label{text-transform:uppercase;font-weight:700}section.create_new_album form .row input{margin:1em;padding:1em;border-radius:4px}section.create_new_album form .row button{color:#fff;padding:1em 2em;border:0;background-color:#333;border-radius:4px}.container_app_bar{display:flex;flex-direction:column;align-items:flex-start;color:#fff;background-color:#333;width:100%}.container_app_bar .search_input_wrapper form input{margin:1em;padding:1em;border:0;border-radius:4px}.container_app_bar .search_input_wrapper form button{padding:.8em;border:0;border-radius:4px}.container_app_bar .botton_actions{display:flex;align-items:center;justify-content:space-between;width:100%}.container_app_bar .botton_actions .filterby_date select{margin:1em;padding:1em;border:0;border-radius:4px;background-color:#333;color:#fff}.container_app_bar .botton_actions .buttons{margin:0;padding:0;display:flex;justify-content:space-between}.container_app_bar .botton_actions .buttons span button{margin:.5em;padding:.5em;border:0;border-radius:4px}@media only screen and (min-width:1201px){.container_app_bar{display:flex;flex-direction:column;align-items:flex-start;color:#fff;background-color:#333;width:100%;margin-top:4em}.container_app_bar .search_input_wrapper,.container_app_bar .search_input_wrapper form{width:100%}.container_app_bar .search_input_wrapper form input{margin:1em;padding:1em;border:0;border-radius:4px;width:60%}.container_app_bar .search_input_wrapper form button{padding:.8em;border:0;border-radius:4px}.container_app_bar .botton_actions{width:69%}.container_app_bar .botton_actions .filterby_date select{margin:1em;padding:1em;border:1px solid #fff;border-radius:4px;background-color:#333;color:#fff}.container_app_bar .botton_actions .buttons{margin:0;padding:0;display:flex;justify-content:space-between}.container_app_bar .botton_actions .buttons span button{margin:.5em;padding:.5em;border:0;border-radius:4px}}@media only screen and (max-width:1200px){.container_app_bar{width:100vw;margin-top:3.5em}}@media only screen and (max-width:600px){.container_app_bar{width:100vw;margin-top:3.5em}}@media only screen and (max-width:450px){.container_app_bar{width:100vw;margin-top:3.5em}.container_app_bar .filterby_date,.container_app_bar .filterby_date select,.container_app_bar .search_input_wrapper{margin:0;padding:0}.container_app_bar .botton_actions{width:100%;display:flex;flex-direction:column;margin-bottom:.5em}.container_app_bar .botton_actions .buttons{width:80%;margin:0;padding:0;display:flex;justify-content:space-between}.container_app_bar .botton_actions .buttons span button{margin:.3em;padding:.3em;border:0;border-radius:3px;font-size:small}}section.upload_photo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;width:100vw}section.upload_photo label{display:flex;justify-content:center;text-align:center;width:100%}section.upload_photo .upload,section.upload_photo .upload-status{justify-content:center;width:80%}section.upload_photo .upload{display:flex;flex-direction:column;align-items:center;height:200px;border:1px solid #333;border-radius:4px}section.upload_photo .upload .file-name{margin:1em auto}section.upload_photo .upload input{display:none}section.upload_photo .upload button.primary{padding:1em 2em;color:#fff;background-color:#333;border:0}section.upload_photo .upload button.default{padding:1em 2em;border:1px solid #333;background-color:#fff;margin-right:1em}@media only screen and (max-width:600px){section.upload_photo{height:70vh}section.upload_photo .upload-status{width:100%;margin:0 2em}section.upload_photo .upload{width:95%;margin:0 2em}}a:hover{color:#db5a6b}.footer_section{display:flex;position:fixed;z-index:10;flex-direction:column;width:100%;bottom:0;background-color:#333}.footer_section h1{color:#fff;display:flex;justify-content:center}.footer_section a{text-decoration:none;color:#ff4500}.footer_section .content ul{list-style:none;display:flex;justify-content:center;margin:5px 0 0}.footer_section .content ul span{color:#fff}.footer_section .content ul li{margin:0 .5em}.footer_section .content ul li a{color:#fff;font-size:small}.footer_section .content ul li a:hover{color:#ff4500}.footer_section .content,.footer_section .content .description,.footer_section .content .description p{width:100%;display:flex;justify-content:center;align-items:center}.footer_section .content .description p{color:#fff;font-size:small}.row.error{display:flex;flex-direction:row;justify-content:center;width:100%}.row.error p{color:#db5a6b}.App{width:100%;height:100%}
/*# sourceMappingURL=main.dfc4d6d6.chunk.css.map */