.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{background-color:#fff;border-radius:5px;max-height:70%;overflow-y:scroll;padding:20px;position:relative;width:50%}.close-btn{background-color:#f44336;border:none;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}.users-contianer{display:block}.modal-userinfo{cursor:pointer;display:flex;gap:10px;padding:10px;width:90%}.modal-userinfo:hover{background-color:#f0f8ff}.modal-userinfo img{border:2px solid grey;border-radius:50%;height:60px;width:60px}.close-btn:hover{background-color:#a31d1d}.modal-content .delete-btn,.modal-content .update-btn{border-radius:10px;font-size:1.2rem;margin-right:20px;padding:10px}@media (max-width:600px){.modal-content{min-width:80%}.modal-content .delete-btn{background-color:#f44336}.modal-content .delete-btn,.modal-content .update-btn{border-radius:10px;font-size:1.5rem;margin-right:20px;padding:10px}}.loading-component{align-self:center;background-color:#000;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.loading-container{align-items:center;display:flex;height:100%;justify-self:center;width:5%}.loading-box{animation:spin 2s ease infinite;background-color:#000;border:.3rem solid #3a7d44;border-radius:3px;height:20px;margin:0 auto;width:20px}@keyframes spin{0%{transform:rotateX(0) rotateY(0) rotate(0)}33%{transform:rotateX(180deg) rotateY(0) rotate(0)}66%{transform:rotateX(180deg) rotateY(180deg) rotate(0)}to{transform:rotateX(180deg) rotateY(180deg) rotate(180deg)}}@media (max-width:600px){.loading-box{border-width:.2rem;height:15px;width:15px}}body,html{height:100%;margin:0}.login-component{background-image:url(/static/media/frontimage.3836c6cd58e5c35f462c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-container{background:#00000080;border-radius:10px;color:#fff;margin:0 auto;max-width:400px;padding:20px}.login-container h3.app-name{color:#fff;text-align:center}.login-form{display:flex;flex-direction:column}.login-container input[type=text],input[type=password]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px}.login-container button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.login-container button:hover{background-color:#45a049}@media (max-width:768px){.login-component{padding-top:30px}}.post-container-with-cmt{background-color:#fff;box-shadow:0 0 50px rgba(0,0,0,.315);margin:0 auto 50px;width:45%}.post-container{position:relative}.post-container img{height:70%;width:100%}.post-actions{align-items:center;bottom:15%;display:flex;padding:4px;position:absolute}.post-actions span{cursor:pointer;margin-left:20px}.post-actions p{color:#fff;margin-left:3px}.post-actions .view-post-description{color:#fff;font-size:1.3rem}.post-actions .view-post-description:hover{color:#4f959d;font-size:1.3rem}.post-actions .delete-btn{background:none;color:#fff;font-size:1.3rem;margin-left:20px}.post-ownerinfo{align-items:center;box-sizing:border-box;column-gap:10px;display:flex;padding:10px 5px}.post-ownerinfo img{border:2px solid #817474;border-radius:50%;height:66px;object-fit:cover;object-position:center;width:66px}.post-userinfo-desc h4{color:#334454;font-size:1rem;margin:0}.post-userinfo-desc .username{cursor:pointer}.post-userinfo-desc p{margin:0}.post-description{background-color:#fff;border-radius:20px 20px 0 0;height:0;opacity:0;overflow-y:scroll;padding-left:5%;padding-right:5%;position:absolute;scrollbar-width:thin;top:0;top:10%;transition:.8s ease;width:90%}.post-description.active{height:90%;opacity:1;width:90%}.post-advanced-actions{max-width:10%}.closing-cmnt-desc-btn{cursor:pointer;font-size:1.5rem;left:50%;position:absolute;top:2px}.userinfo-container{display:flex}.userimg-container{padding:20px;text-align:right;width:40%}.userimg-container img{border:5px solid grey;border-radius:50%;height:240px;width:240px}.userimg-container h4{margin-right:90px}.userinfo-followers{cursor:pointer;padding:50px 20px 10px 0;text-align:center}.liked-button{color:#d62f2f}.liked-button,.unliked-button{cursor:pointer;font-size:1.3rem}.unliked-button{color:#fff;padding:0}.comment-btn{background:none;border:none;color:#fff;font-size:1.4rem;margin-left:10px}.comment{align-items:center;display:flex;margin-top:10px}.comment input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-right:10px;padding:8px;width:80%}.comment button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.comment button:hover{background-color:#0056b3}.view-comments{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:0 auto;max-width:800px;padding:20px}.view-comments>div{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;margin-bottom:15px;padding:10px}.view-comments a{color:#007bff;cursor:pointer;font-size:.9rem;margin-bottom:5px;text-decoration:none}.view-comments p{color:#333;font-size:1rem;line-height:1.4;margin:10px 0}.nav-container{background-color:#205781;display:flex;gap:10px;padding:20px}.nav-home-link{background-color:#205781;border:1px solid #205781;color:#000;cursor:pointer;font-size:2rem;min-width:65%;padding:0 8px}.nav-home-link button:hover{border:1px solid #000;border-radius:5px}.nav-search-bar{align-items:center;display:flex;justify-content:space-between}.nav-search-bar input{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;font-size:12px;padding:10px;width:65%}.nav-search-bar span{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:4px;padding:11px 12px 12px 11px}.nav-search-bar i{display:none}.nav-button{background-color:#205781;border:none;cursor:pointer;font-size:1.95rem}.nav-button:hover{border:1px solid #000;border-radius:3px}.nav-links{background-color:#000;overflow:hidden;position:fixed;transition:width .3s ease;width:0;z-index:5000}.nav-links.active{height:100%;width:250px}.nav-links button{background-color:#000;border:none;color:#fff;cursor:pointer;font-size:1.4rem;margin-top:8px;padding:10px;text-align:left;width:200px}.nav-links button:hover{background-color:#fbf6e2;border-radius:5px;color:#205781}.navbar{margin-bottom:30px;position:fixed;width:100%;z-index:1000}.notification-icon-unread{border:.85px solid red;border-radius:750%}.notification-icon-read,.notification-icon-unread{background:none;color:#f8ed8c;cursor:pointer;font-size:1.75rem;margin-right:5px;padding-left:6px;padding-right:6px}.notification-icon-read{border:.85px solid grey;border-radius:750%}.notification-tiles{background-color:#205781;height:100%;overflow:scroll;position:fixed;right:-250px;transition:width .3s ease,right .3s ease;width:0;z-index:3000}.notification-tiles.active{right:0;width:300px}.notification-tiles.active::-webkit-scrollbar{height:5px;width:5px}.notification-tiles.active::-webkit-scrollbar-track{background-attachment:#f1f1f1;border-radius:10px}.notification-tiles.active::-webkit-scrollbar-thumb{background:#888;border:2px solid #fff;border-radius:10px}.notification-message-unread{background-color:#4f959d;cursor:pointer;padding:10px}.notification-message-read{background-color:#205781;cursor:pointer;padding:10px}.notification-message-read:hover,.notification-message-unread:hover{background-color:#98d2c0;border:.05rem solid #98d2c0}.nav-notification-button{display:inline-block;position:relative}.nav-notification-button span{align-items:center;background-color:red;background-size:contain;border:2px solid red;border-radius:100px;color:#fff;display:flex;font-size:.75rem;justify-content:center;padding:0 5px;position:absolute;right:1px;top:-8px}.followers-slide{background-color:#fff;display:flex;height:150px;left:0;margin-top:0;overflow-x:scroll;overflow-y:hidden;padding:10px 0;right:0;top:0;white-space:nowrap}.followers-slide::-webkit-scrollbar{display:none}.followers-slide li{list-style-type:none;padding-right:20px}.followers-slide .user-detail-container{cursor:pointer;display:block;margin-bottom:2px;padding:20px;text-align:right}.followers-slide .user-detail-container:hover{background-color:#eee}.followers-slide .user-detail-container img{border:2px solid;border-radius:50%;height:96px;width:96px}.followers-slide .user-detail-container h3{position:relative;top:-40px}.follower-slide-icon{border:.5px solid #888;border-radius:50%;cursor:pointer;padding:3px;position:absolute;right:30px;top:130px}.follower-slide-icon:hover{color:#b4afaf}@media (max-width:600px){.post-container-with-cmt{margin:0 auto 50px;width:95%}.post-ownerinfo img{border:2px solid #817474;height:45px;width:45px}.post-actions{bottom:15%}.nav-home-link{display:flex;gap:20px;min-width:10%}.nav-home-link span{display:none}.nav-home-link i{cursor:pointer}.nav-search-bar input{min-width:75%}.nav-search-bar span{display:none}.nav-links.active{height:100%;width:100%}.notification-tiles.active{border:#333;border-top:solid;right:0;width:100%}.nav-search-bar i{background-color:#000;border-radius:5px;color:wheat;cursor:pointer;display:inline-block;font-size:.98rem;margin-left:4px;padding:8px 9px 9px 8px}.nav-button-holder{width:12%}.nav-container .item-2{order:2}.nav-container .item-3{order:1}.nav-container .item-4{order:4}.userinfo-container{display:flex;padding-top:0}.userimg-container{padding-left:2px;padding-right:20px;width:160px}.userimg-container img{height:120px;width:120px}.userinfo-followers{padding:30px 40px 40px 0;text-align:right}.userinfo-followers h1{cursor:pointer;font-size:20px;text-align:center}.userinfo-followers h2{cursor:pointer;font-size:15px}}.home-posts-container{display:flex;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);list-style:none;margin-left:350px}.home-posts-container .post-container{flex:0 0 30%;height:240px;margin:2px;padding:3px;width:240px}.home-posts-container .post-container img{height:100%;width:100%}.home-username{text-align:center;width:100%}@media (max-width:768px){.home-posts-container{margin:0;padding:5px}.home-posts-container .post-container{flex:0 0 30%;height:120px}}.search-result-container{padding-left:300px;padding-top:110px}.searchtype-container{display:flex;padding-bottom:10px;padding-top:20px}.unselected-button{background:none;border:.5px solid #000}.selected-button,.unselected-button{cursor:pointer;font-size:1.5rem;margin-right:2px;padding:10px}.selected-button{background-color:#0e46a3;border:1px solid #eee;color:#eee}.user-detail-container{cursor:pointer;display:flex;height:120px;margin-bottom:2px;padding:20px;text-align:right;width:65%}.user-detail-container:hover{background-color:#eee}.user-detail-container img{border:2px solid;border-radius:50%;height:100px;width:100px}.user-detail-container h3{padding:25px}.search-view-posts-container{display:flex;flex-wrap:wrap;list-style:none}.search-view-post-container{border:2px solid #000;border-radius:3px;display:grid;flex:0 0 30%;height:240px;margin:1px;padding:4px;width:240px}.search-view-post-container img{height:100%;width:100%}@media (max-width:768px){.search-result-container{padding-left:5%;padding-top:20%}.search-view-post-container{flex:0 0 25%;height:100px;overflow:hidden}}.user-profile-username-and-follow{align-items:center;display:flex;gap:30px;margin-bottom:0;padding:0 0 0 50%}.follow-button{background-color:#0cd;border:2px;border-radius:3px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;padding:2px}.follow-button:hover{background-color:#4f75ff;color:#fff}.unfollow-button{border:2px solid #000;border-radius:3px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;padding:1.8px}.unfollow-button:hover{background-color:#e0e5b6}.userprofile-posts-image{cursor:pointer}@media (max-width:600px){.user-profile-username-and-follow{align-items:center;display:flex;gap:30px;margin-bottom:0;padding:0 0 0 50%}}.new-post-image{height:auto;max-width:600px;padding:10px;width:100%}.new-post{box-sizing:border-box;display:flex;justify-content:center;padding:30px}.new-post-container{align-items:center;border:1px solid #000;border-radius:4px;box-sizing:border-box;max-width:600px;padding:20px;text-align:center;width:100%}.browse-button{padding-left:70%}.description-input{box-sizing:border-box;height:30px;margin-bottom:4px;width:100%}.submit-new-post{background-color:#4f75ff;border-radius:5px;color:#fff;font-size:1.5rem;margin-left:3px;width:15%}.submit-new-post:hover{background-color:#0b2f9f}@media (max-width:768px){.new-post{padding:20px}.new-post-container{width:100%}.new-post-image{padding:10px 0 15px}.description-input{width:100%}.submit-new-post{width:50%}}.user-posts-page{height:100%;padding-top:40px}.next-button,.prev-button{background:none;border-radius:0 3px 3px 0;color:#0e0000;cursor:pointer;font-size:2rem;font-weight:700;margin:20px;padding:16px;position:absolute;top:50%;transition:.6s ease;-webkit-user-select:none;user-select:none;width:auto}.next-button{border-radius:3px 0 0 3px;right:0}.prev-button{border-radius:3px 0 0 3px;left:0}.next-button:hover,.prev-button:hover{color:beige}@media (max-width:768px){.next-button,.prev-button{cursor:pointer;margin-left:2px;margin-right:-2px;position:absolute;top:80%}.user-posts-page{height:100%;min-width:100%;padding-top:40px}}.edit-profile-component{padding-bottom:250px}.edit-profile-container{padding-left:350px}.edit-profile-form img{border:.2rem solid #000;border-radius:3px;height:200px;width:180px}.update-username{background-color:#d0eaf3;border-radius:50%;color:blue;cursor:pointer;margin-left:4px}.update-image{color:green;cursor:pointer;font-size:2rem}.update-image:hover{background-color:#000;border-radius:5px;color:#34f334}.confirm-image{border-radius:50%;color:green;font-size:1rem}.private-setting{display:flex;font-size:1.6rem;gap:8px}.slide-switch{display:inline-block;height:34px;position:relative;width:60px}.slide-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width:768px){.edit-profile-component{padding-bottom:100px}.edit-profile-container{padding-left:10%}}.data-table-container{padding-top:50px}.admin-controller-component{padding-left:300px;padding-top:150px}.data-table{white-space:none}.data-table th{background-color:#133e87;color:#fff;text-decoration-color:#fff}.data-table td,.data-table th{border:.5px solid #000;padding:5px}.delete-btn{background-color:#f44336;border-radius:2px;color:#fff;cursor:pointer}.delete-btn:hover{background-color:#a31d1d}.update-btn{background-color:#a0c878;border-radius:2px;color:#fff;cursor:pointer}.update-btn:hover{background-color:#3e7b27}@media (max-width:768px){.admin-controller-component{padding:40px 20px 20px}.data-table-container{font-size:10px;padding-bottom:30px}}body{font-family:sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.cb2539ae.css.map*/