@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box}.App,body,html{background:#fff}​ body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{margin:0 auto 50px}.desktop-nav{margin:0 auto;display:flex;justify-content:center;align-items:center;background-color:#fff;border-bottom:2px solid #e9ecef;padding:5px 0}nav a{color:#17a2b8;-webkit-transition:.2s;transition:.2s}nav a:hover{text-decoration:none;color:#0f7585}nav .nav-search{margin:0 3% 0 0;border:1px solid silver;border-radius:25px;padding:8px 20px;width:50%;display:flex;justify-content:space-between;background:#f5f5f5}nav .nav-search button,nav .nav-search input{border:none;background:none}nav .nav-search input{width:100%}button:focus,input:focus{outline:none!important;outline-offset:none!important}nav .title{font-family:Megrim,cursive;font-size:40px;margin:0 1% 0 3%}.mobile-nav,.mobile-search{display:none}@media only screen and (max-width:900px){.desktop-nav{display:none}.mobile-nav{position:fixed;bottom:0;z-index:10;display:flex;justify-content:space-evenly;align-items:center;background:#fff;width:100%;border-top:1px solid #e9ecef;height:50px;padding:0}.mobile-nav a,.mobile-nav div{color:#a7a7a7;font-size:25px}.user-dashboard section .desktop-add-btn{display:none}.mobile-nav .mobile-add-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;height:1.75em;width:1.75em;border:none;background:#17a2b8;color:#fff}.mobile-search{display:flex;justify-content:space-between;width:40%;border:1px solid silver;border-radius:5px;padding:5px 15px;margin:25px auto}.mobile-search button,.mobile-search input{border:none;background:none}}@media only screen and (max-width:605px){.mobile-search{width:70%}}.home-hero{text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;width:100%}.home-hero .mobile-header{display:none}.home-hero h1{margin-bottom:30px;font-weight:lighter}.home-hero h1 span{font-family:Megrim,cursive}.home-hero .container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:40px}.home-hero .container h3{font-size:20px;margin:20px 0 0}.home-hero .container img{height:200px}.home-hero .container .checkmark{color:#f1651f}.home-hero .sign-up-btn{margin:30px 20px 0 0;color:#17a2b8}.home-hero .sign-in-btn,.home-hero .sign-up-btn{border:2px solid #17a2b8;border-radius:25px;width:120px}.home-hero .sign-in-btn{margin:30px 0 0;background-color:#17a2b8;color:#fff}.home-page{display:flex;flex-direction:column;align-items:center;background:#fff}.home-page .photos{display:flex;flex-wrap:wrap;justify-content:center;max-width:1800px;padding:0;margin:0 auto}.home-page .photos .card{width:15%;border:1px solid #e9ecef;margin:8px}.home-page .photos .card .footer{display:flex;justify-content:space-between;align-items:center;padding:10px}.home-page .photos .card .footer .likes{display:flex;align-items:center}.home-page .photos .card .footer .likes .red-heart{color:#b91313;cursor:pointer;margin-right:5px}.home-page .photos .card .footer .likes .heart-outline{color:#999;cursor:pointer;margin-right:5px}.home-page .photos .card .footer .likes .text{margin-right:15px;color:grey;font-size:12px}.home-page .photos .card .footer .comments{display:flex;align-items:center;text-decoration:none}.home-page .photos .card .footer .comments span{color:grey;font-size:12px}.home-page .photos .card .intro{display:flex;padding:3%;text-decoration:none;color:#000}.home-page .photos .card .intro .profile{height:30px;width:30px;object-fit:cover;margin-right:5px;object-position:center;cursor:pointer}.home-page .photos .card .intro p{margin:0 5px;cursor:pointer;font-size:14px;align-self:center}.home-page .photos .card .main{max-height:175px;object-fit:cover;object-position:center}@media only screen and (max-width:1200px){.home-hero .container{padding:0}.home-page .photos .card{width:25%}}@media only screen and (max-width:900px){.home-hero{margin-top:0;margin-bottom:0}.home-hero .mobile-header{display:inline-block;position:absolute;top:0;padding:5px 15px;width:100%}.home-hero .mobile-header h2{text-align:start;font-family:Megrim,cursive;color:#17a2b8}.home-hero .mobile-header .login{position:absolute;top:8px;right:0;font-size:12px}.home-hero .mobile-header .login a{color:grey}.home-hero .container{justify-content:center;align-items:center;margin-top:10%}.home-hero .container img{height:200px;margin:0 20px}.artist,.camera,.share{margin:10px}.home-page .photos .card{width:40%}}@media only screen and (max-width:605px){.home-hero h1{display:none}.home-hero .container{justify-content:space-around;padding:0 1%}.home-hero .container .artist,.home-hero .container .camera,.home-hero .container .share{margin:15px 5px}.home-hero .container img{height:7.5em;margin:0;padding:0}.home-hero .container h3{font-size:16px;margin:10px 0 0 -10px}.home-page .photos{padding:0}.home-page .photos .card:first-child{margin-top:10px}.home-page .photos .card{width:100%;margin:5px 0;border-left:none;border-right:none}.home-page .photos .card .footer{padding:15px}.home-page .photos .card .main{min-height:350px}}.settings-dropdown{display:none}.user-dashboard{display:flex;width:90%;max-width:1000px;justify-content:center;align-items:flex-start;background:#fff;margin:0 auto}.user-dashboard .avatar{object-fit:cover;object-position:center;height:150px;width:150px;border-radius:50%}.user-dashboard section{padding:0 5%;width:70%}.user-dashboard section div{display:flex;align-items:center}.user-dashboard header .mobile{display:none}.user-dashboard section div h1{font-size:35px;font-weight:bolder;margin-right:10%}.user-dashboard section div .desktop{white-space:nowrap;display:flex;align-items:center;border:1px solid #17a2b8;color:#17a2b8;border-radius:20px;background:#fff}.user-dashboard section div .desktop.follow{color:#fff;background:#17a2b8}.user-dashboard section .main .follows{padding-left:4px;width:50%;display:flex;justify-content:flex-start}.user-dashboard section .follows span{color:#000;font-weight:bolder;margin-right:5px}.user-dashboard section .follows .following{cursor:pointer;margin-right:1em}.user-dashboard section .main{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;font-size:16px;color:grey}.user-dashboard section .main p{margin-right:1rem;display:flex;justify-content:flex-start;align-items:center}.user-dashboard section .main p i{padding-right:10px}.user-dashboard section h2{font-weight:bolder;font-size:18px}.follow-btn{color:#fff;background:#17a2b8}.follow-btn,.unfollow-btn{display:flex;align-items:center;border:1px solid #17a2b8;border-radius:25px;padding:7px 15px;font-size:12px}.unfollow-btn{background:#fff;color:#17a2b8}.user-dashboard .desktop-add-btn{float:right;border-radius:50%;height:50px;width:50px;background:#17a2b8;color:#fff;border:none}.dashboard-nav,.user-dashboard .desktop-add-btn{display:flex;align-items:center;justify-content:center}.dashboard-nav{border-bottom:1px solid silver;width:100%;margin:0 auto;max-width:1200px}.dashboard-nav a{color:grey;width:30vw;max-width:200px;font-weight:bolder;display:flex;justify-content:center;font-size:12px}.dashboard-nav a.active{border-bottom:3px solid #17a2b8;color:#17a2b8}@media only screen and (max-width:900px){.settings-dropdown{display:inline;position:absolute;top:15px;right:15px}.user-dashboard{flex-direction:column;width:100%;align-items:flex-start}.user-dashboard section{width:100%}.photo-card{height:200px}}@media only screen and (max-width:605px){.user-dashboard{flex-direction:column;width:100%;align-items:flex-start}.user-dashboard section{width:100%;padding:0}.user-dashboard section div{width:100%;align-items:flex-start;justify-content:flex-start;margin-top:10px}.user-dashboard section h1{width:100%}.user-dashboard header{width:100%;display:flex;align-items:flex-end;justify-content:space-between;margin:0}.user-dashboard header .mobile{display:flex;align-items:center;border:1px solid #17a2b8;color:#17a2b8;border-radius:20px;background:#fff}.user-dashboard header .mobile.follow{color:#fff;background:#17a2b8}.user-dashboard section .follows .following{margin-right:0}.user-dashboard section .main{font-size:14px}.user-dashboard section .main p{margin:0 0 8px;padding:0 15px 0 0;display:flex;align-items:center}.user-dashboard section div{margin:0}.user-dashboard section div .desktop{display:none}.user-dashboard .avatar{height:100px;width:100px}.user-dashboard section div h1{font-size:28px}.dashboard-nav{width:90%}}.single-photo-view{display:flex;justify-content:flex-start;margin:4% auto;background:#fff;max-width:1000px}.single-photo-view .mobile-details,.single-photo-view .user-mobile{display:none}.single-photo-view .main{max-height:600px;max-width:600px;object-fit:cover;object-position:center;flex:1 1;padding-right:20px}.single-photo-view .user-desktop{display:flex;align-items:center;padding:0 15px 0 0}.single-photo-view .details{padding:0;display:flex;width:600px}.single-photo-view .artist{display:flex;justify-content:flex-start;align-items:center}.single-photo-view .avatar{border-radius:50%;height:50px;width:50px;object-fit:cover;object-position:center;margin-right:10px}#dropdown-basic{background:none;border:none}#dropdown-basic:focus{border-color:none!important;box-shadow:none!important}#dropdown-basic:after{display:none!important}.delete-mdl{border-top:none!important;padding-top:0}.comment-box{border:1px solid #e9ecef;padding:5px}.delete-btn{background:#b91313!important}.cancel-btn{border:1px solid #999!important;background:none!important;color:#999!important}.scroll{--scrollbarBG:#fff;--thumbBG:#c1c1c1}.scroll::-webkit-scrollbar{width:15px}.scroll{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}.scroll::-webkit-scrollbar-track{background:var(--scrollbarBG)}.scroll::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}.add-comment{border:none;background:none;color:#17a2b8;padding:0 15px 0 0}.add-comment:disabled{color:silver}@media only screen and (max-width:900px){.single-photo-view{flex-direction:column;align-items:center}.single-photo-view .main{max-height:auto;max-width:auto}.single-photo-view .details,.single-photo-view .main{height:auto;width:100%;padding:0}.single-photo{flex-direction:column}}@media only screen and (max-width:605px){.single-photo-view{margin:0}.single-photo-view .user-mobile{display:flex;width:100%;align-items:center;padding:8px 15px 0 8px}.single-photo-view .mobile-details{display:inline-block;font-size:14px}.single-photo-view .desktop-details,.single-photo-view .user-desktop{display:none}}.search-page{display:flex;flex-direction:column;align-items:center}.my-photos{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:25px auto;width:90%;max-width:1200px}.photo-card{cursor:pointer;border:1px solid #e9ecef;background:#fff;height:350px;width:31.5%;padding:20px;margin:3px}.photo-card img{height:100%;width:100%;object-fit:cover;object-position:center}@media only screen and (max-width:1200px){.photo-card{height:250px}}@media only screen and (max-width:605px){.my-photos{justify-content:flex-start;width:100%}.photo-card{height:18vh;padding:0}}.add-new-post{display:flex;justify-content:space-evenly;max-width:1000px;margin:5% auto;width:100%}.add-new-post .image-preview{display:flex;flex-direction:column;align-items:center}.add-new-post img{width:80%;cursor:pointer;max-height:450px;object-fit:cover;object-position:center}.add-new-post form{width:60%;min-width:500px}.add-new-post form .text-area{resize:none;height:275px}.cancel{border:1px solid #17a2b8;color:#17a2b8}.submit{background-color:#17a2b8}@media only screen and (max-width:900px){.add-new-post{flex-direction:column;align-items:center;width:90%;margin-bottom:80px}.add-new-post img{width:100%}.add-new-post form{width:90%;margin-right:0}}@media only screen and (max-width:605px){.add-new-post{flex-direction:column;align-items:center;width:90%;margin-bottom:80px}.add-new-post .image-preview{display:flex;flex-direction:column;align-items:center}.add-new-post img{width:60%}.add-new-post form{width:100%;min-width:auto}.add-new-post form .text-area{height:25vh}}.edit-profile{display:flex;justify-content:center;align-items:flex-start;max-width:1000px;margin:5% auto}.edit-profile .image-preview{display:flex;flex-direction:column;margin:0 0 0 10%;justify-content:flex-start;align-items:flex-start;width:40%}.edit-profile .image-preview img{object-fit:cover;object-position:center;cursor:pointer;height:150px;width:150px;border-radius:50%;margin-bottom:10px}.edit-profile .image-preview h1{font-size:35px;font-weight:bolder;width:100%}.edit-profile form{width:60%;margin-right:10%}@media only screen and (max-width:605px){.edit-profile{flex-direction:column;align-items:center;justify-content:center;margin:0 0 80px}.edit-profile .image-preview{margin:0 auto;padding:20px;width:100%;align-items:flex-end;justify-content:flex-start;flex-direction:row}.edit-profile .image-preview h1{font-size:24px;font-weight:bolder}.edit-profile .image-preview img{height:100px;width:100px;margin-bottom:0;margin-right:10px}.edit-profile form{width:90%;margin-right:0}}.modal .header{border:none}.modal label{margin-top:15px}.modal .btn{margin-top:20px;background-color:#17a2b8;border:none}.modal .footer{border:none}.modal .footer a{display:inline;padding:0}
/*# sourceMappingURL=main.90900bd1.chunk.css.map */