body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.Header-Menu{background:#f4f4f4;display:flex;align-items:center;justify-content:space-between;font-size:1rem;color:#fff;position:fixed;z-index:2;width:100%;height:100px;box-shadow:0 -12px 20px 11px rgba(0,0,0,.5)}.Header-Menu .Menu-Form{margin-right:2%}.Header-Menu .Menu-Form a{margin:5%;text-transform:uppercase;color:#266e63;font-weight:700}.Header-Menu .Menu-Form span{color:#266e63;font-weight:500}.Header-Menu .Menu-Form form{display:flex;justify-content:space-evenly;align-items:center;border-radius:5px;border:1px solid #bebebe;padding:3%;width:250px}.Header-Menu .Menu-Form .icon{color:#bebebe;width:100%;padding:2%}.Header-Menu .Menu-Form input{background:none;border:0;border-radius:0;outline:none;font-weight:700;color:#bebebe;padding:0 10%}.Header-Menu .Menu-Form input:focus{outline:none!important}.Header-Menu .Menu-Form input::-webkit-input-placeholder{color:#bebebe;font-size:12px;text-align:center}.Header-Menu .Menu-Form input:-ms-input-placeholder{color:#bebebe;font-size:12px;text-align:center}.Header-Menu .Menu-Form input::-ms-input-placeholder{color:#bebebe;font-size:12px;text-align:center}.Header-Menu .Menu-Form input::placeholder{color:#bebebe;font-size:12px;text-align:center}.Header-Menu .Logo{display:flex;align-items:center;margin-left:2%}.Header-Menu .Logo img{width:150px}.Header-Menu button{background:#282c34;width:100%;padding:10px 20px;border-radius:50px;border:none;color:#fff;font-weight:700}.App-link{color:#61dafb}.App-Redux{background:hsla(0,0%,100%,.1);border-radius:25px;margin-top:25px;padding:2%}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Logo h1{margin-left:10px}.Menu{display:flex;width:20%;justify-content:center;padding:2% 5% 0;background:#e8ebeb;color:#222}.Menu .MenuContentWrapper{width:15%;position:fixed;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.Menu .MenuContentWrapper a{text-decoration:none;width:100%;padding:3%;margin-top:3%;display:flex;color:#222;font-size:1.2rem;font-weight:500}.Menu .MenuContentWrapper h2{width:100%;text-align:left;padding-left:30px;font-size:1.5rem}.Menu .MenuContentWrapper div{text-align:center;width:100%;display:flex;justify-content:flex-start;align-items:center;padding:7%}.Menu .MenuContentWrapper div:hover{background:#3c5955;color:#fff;cursor:pointer;border-radius:5px}.Menu .MenuContentWrapper div .icon{padding-right:5%;width:50px}.Container{width:100%;display:flex;flex-direction:column}.Container .toggle_menu{display:flex;justify-content:center;padding:5%}.Container .toggle_menu button{cursor:pointer}.Container .toggle_menu .toggle_button_on button{width:100px;background:none;border:none;border-bottom:2px solid #3c5955;font-size:25px;text-transform:capitalize;color:#3c5955}.Container .toggle_menu .toggle_button_off button{width:100px;background:none;border:none;border-bottom:2px solid #bebebe;font-size:25px;text-transform:capitalize;color:#bebebe}.Container .PhotoWrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:5%;width:100%}.Container .PhotoWrapper .LoaderContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:600px}.Container .PhotoWrapper .LoaderContainer h2{font-weight:600}.Container .PhotoWrapper .Loader{margin:0 auto;height:500px;display:flex;justify-content:center;align-items:center}.Container .PhotoWrapper .PhotoCard{width:350px;height:350px;font-size:.75rem;margin:1%;background:#000;border-radius:5px}.Container .PhotoWrapper .PhotoCard .PhotoInfo{position:absolute;width:350px;height:350px;z-index:1;display:flex;justify-content:space-between;flex-direction:column}.Container .PhotoWrapper .PhotoCard .PhotoInfo .photo-title{display:flex;justify-content:center;margin:5%}.Container .PhotoWrapper .PhotoCard .PhotoInfo .photo-title h3{width:50%;padding:2%;background:rgba(0,0,0,.74);border-radius:5px}.Container .PhotoWrapper .PhotoCard .PhotoInfo .dropdown{display:flex}.Container .PhotoWrapper .PhotoCard .PhotoInfo .dropdown .dropdown-menu .dropdown-content{background:rgba(0,0,0,.74)}.Container .PhotoWrapper .PhotoCard .PhotoInfo .dropdown .dropdown-menu .dropdown-content a{color:#fff}.Container .PhotoWrapper .PhotoCard .PhotoInfo .dropdown .dropdown-menu .dropdown-content a:hover{background:#000}.Container .PhotoWrapper .PhotoCard .PhotoInfo .dropdown-trigger button{background:rgba(0,0,0,.74);width:50px;border:0}.Container .PhotoWrapper .PhotoCard .PhotoInfo .dropdown-trigger .icon{color:#fff}.Container .PhotoWrapper .PhotoCard img{width:350px;height:350px;object-fit:cover;object-position:center;margin:0;border-radius:5px}.Container .StoriesWrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:5%;width:100%}.Container .StoriesWrapper .PhotoCard{width:100%;height:350px;padding:0;box-shadow:-4px 5px 14px 0 rgba(0,0,0,.17);font-size:.75rem;margin:1%;color:#000}.Container .StoriesWrapper .PhotoCard .PhotoInfo{position:absolute}.Container .StoriesWrapper .PhotoCard .PhotoInfo .dropdown{display:flex}.Container .StoriesWrapper .PhotoCard .PhotoInfo .dropdown .dropdown-menu .dropdown-content{background:rgba(0,0,0,.74)}.Container .StoriesWrapper .PhotoCard .PhotoInfo .dropdown .dropdown-menu .dropdown-content a{color:#fff}.Container .StoriesWrapper .PhotoCard .PhotoInfo .dropdown .dropdown-menu .dropdown-content a:hover{background:#000}.Container .StoriesWrapper .PhotoCard .PhotoInfo .dropdown-trigger button{background:rgba(0,0,0,.74);width:50px;border:0}.Container .StoriesWrapper .PhotoCard .PhotoInfo .dropdown-trigger .icon{color:#fff}.Container .StoriesWrapper .PhotoCard .StoryCard{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%;background:#e8ebeb}.Container .StoriesWrapper .PhotoCard .StoryCard h2{font-size:1.5rem;font-weight:600;color:#fff;text-transform:capitalize;background:#38a1de;padding:2%;width:100%}.Container .StoriesWrapper .PhotoCard .StoryCard p{padding-top:2%;width:75%;font-size:1rem;text-transform:capitalize;text-align:center}.Container .StoriesWrapper .PhotoCard .StoryCard div{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.Container .StoriesWrapper .PhotoCard .StoryCard img{width:50%;height:50%;object-fit:cover;object-position:center;margin:0;border-radius:5px}.Container .Profile{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;padding-top:100px}.Container .Profile h1{font-size:1.5rem;text-transform:capitalize;margin:2%}.Container .Profile .Metrics{display:flex;justify-content:center;width:300px;margin-bottom:2%}.Container .Profile .Metrics p{font-size:.75rem;width:25%;margin:2% 5%}.Container .Profile p{font-weight:400;font-size:1.5rem;margin-bottom:0}.Container .Profile img{width:150px;height:150px;object-fit:cover;object-position:center;margin:0;border-radius:50%}.Container .Profile form{flex-direction:column;color:#000}.Container .Profile form,.ContentWrapper{display:flex;justify-content:center;align-items:center}.ContentWrapper{flex-wrap:wrap;margin:1%}.Wrapper{display:flex;justify-content:center;background-color:#fff;color:#fff;width:100%;padding-top:100px}.FormContainer{height:100vh;background-image:url(/static/media/background.1a4d19f9.png);background-position:50%;background-size:cover}.FormContainer,.FormContainer .Logo{display:flex;justify-content:center;align-items:center;flex-direction:column}.FormContainer .Logo{margin:2%}.FormContainer .Logo h2{font-size:1.5rem;font-weight:600;margin:2% 0}.FormContainer .LoginForm{padding:5%;border-radius:10px;background:hsla(0,0%,83.9%,.75)}.FormContainer .LoginForm label{width:100%;float:left;text-align:left;font-weight:600}.FormContainer .LoginForm input{margin:2% 0}.FormContainer .LoginForm p{margin:2% 0;color:red;font-weight:600}.FormContainer .LoginForm button{width:100%;margin:1% 0;border:0}.Add_Post_Button{border:0;border-radius:50%;font-weight:600;color:#fff;position:fixed;margin:5%;background:#38a1de;right:12.5%;cursor:pointer;font-size:2rem;z-index:1;width:50px;height:50px;display:flex;justify-content:center;align-items:center;line-height:25px;padding:1% 1% 1.25%}.Add_Post_Button:hover{background:#2977a5}.modal-background{display:flex;justify-content:center;align-items:center;z-index:0}.modal-background .modal-card{z-index:1}.modal-background .modal-card .modal-card-body{color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal-background .modal-card .modal-card-body form{width:50%}.modal-background .modal-card .modal-card-body form label{display:block;text-align:left}.modal-background .modal-card .modal-card-body form input{margin:5% 0}.modal-background .modal-card .modal-card-body form label{font-weight:600;text-transform:capitalize}.modal-background footer{display:flex;justify-content:center}.editPostModal .modal .modal-background .modal-card{width:50%}.editPostModal .modal .modal-background .modal-card .modal-card-body{flex-direction:row}.editPostModal .modal .modal-background .modal-card .modal-card-body .modal-card-body>form,.editPostModal .modal .modal-background .modal-card .modal-card-body img{margin:5%;width:350px;height:350px;border-radius:5px}
/*# sourceMappingURL=main.e65d7cb6.chunk.css.map */