*{font-family:Roboto Slab,serif;outline:none}body,html{margin:0;padding:0;width:100%;height:100%}body{background-color:#0277bd;color:#263238}a{color:#40c4ff}.login-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0277bd}#login-container{background-image:url(/img/logo.83f4b711.png);background-size:30% auto;background-repeat:no-repeat;background-position:15px 15px;min-width:30%;padding:45px 45px;background-color:#fff;box-shadow:0 0 15px rgba(38,50,56,.33);text-align:center}#login-container form div>input,button{padding:8px 16px;margin:4px 0}button{color:#fff;background-color:#01579b;border:none;border-radius:4px}button:hover{box-shadow:0 0 5px rgba(38,50,56,.7);cursor:pointer}header{position:fixed;width:100%;top:0;z-index:1}header:hover{box-shadow:0 -20px 30px #4d4d4d}.navbar{padding:1rem}nav{display:flex;background-color:#fff;align-items:center}nav div{height:30px;flex-grow:4;padding:10px}nav div img{height:100%;width:30px;margin-left:15px;border-radius:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}nav div.search-container>input{box-sizing:border-box;height:30px;width:80%;margin:0;padding:5px;border:1px solid #e0e0e0}nav div.search-container>button{height:30px;width:20%;margin:0;padding:5px;border-top-left-radius:0;border-bottom-left-radius:0}.main-container{width:50%;min-height:100%;margin:auto auto;padding:90px 15px 15px 15px;background-color:#fff}.post{width:80%;margin:15px auto;box-shadow:0 0 15px rgba(38,50,56,.33);border-radius:5px}.post .post-author{padding:10px}.post .post-author:after{content:"";display:block;clear:both}.post .post-author .post-author-info{float:left;position:relative;width:50%}.post .post-author .post-author-info img{width:30px;height:30px;border-radius:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;margin:5px}.post .post-author .post-author-info small{position:absolute;top:10px;left:35px}.post .post-author .post-author-info+small{float:right;color:grey;padding:10px}.post .post-image img,video{width:100%;min-height:150px;max-height:350px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.post .post-title{padding:10px}.post .post-title h3{display:inline}.post .post-title~.post-actions{padding:10px}.like-button{background-image:url(data:image/png;base64,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);background-size:15px;background-repeat:no-repeat;background-position:5px;background-color:#8a8a8a;width:60px;height:25px;padding-left:23px;line-height:10px;text-align:left;border:none}.like-button.liked{background-color:#01579b}.profile img{border-radius:100%;-o-object-position:top;object-position:top}.profile h2{font-size:16px}.error{color:red}.success{color:green}.profile{width:45%;display:inline-block;border:1px solid #dedede;border-radius:5px;text-align:center;margin:1%;padding:10px}.profile img{width:75px;height:75px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:5px}.browse-page header{position:fixed;top:0;width:100%;background-color:#fff;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.1)}.browse-page nav{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.browse-page .logo-container img{height:40px;border-radius:50%}.browse-page .search-container input{width:200px;padding:5px}.browse-page .search-container button{padding:5px 10px}.browse-page .main-container{margin-top:80px;padding:10px;max-height:calc(100vh - 80px);overflow-y:auto}.browse-page .profiles-scroll{display:flex;flex-direction:column;gap:10px}.browse-page .profile-card{display:flex;align-items:center;padding:10px;border-radius:6px;border:1px solid #ddd;background:#fff}.browse-page .profile-card img{width:75px;height:75px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:15px}.browse-page .profile-details h2{margin:0;font-size:16px}.browse-page .profile-details p{margin:5px 0;color:gray}.browse-page .follow-button{padding:5px 10px;border:none;border-radius:4px;background-color:#82008f;color:#fff;cursor:pointer}.browse-page .follow-button.followed{background-color:#fff;border:1px solid #82008f;color:#82008f}.posts-scroll{gap:1rem;margin-top:1rem;align-items:center}.post-card,.posts-scroll{display:flex;flex-direction:column}.post-card{width:100%;max-width:600px;padding:1rem;border-radius:8px;background:#f6f6f6;gap:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s}.post-card:hover{transform:translateY(-2px)}.author-info{display:flex;align-items:center;gap:.5rem}.author-info .avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-details span{font-weight:700}.author-details small{display:block;font-size:.8rem;color:#555}.post-card img,.post-card video{max-width:100%;border-radius:6px;margin-top:.5rem}.post-likes{font-weight:700;color:#e74c3c;text-align:right}.avatar-container{position:relative;display:flex;align-items:center}.drop-down{position:absolute;right:0;top:40px;background:#fff;border:1px solid #ccc;width:150px;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;z-index:10}.menu-separator{border:none;border-top:1px solid #eee;margin:5px 0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;position:fixed;width:100%;top:0;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.1)}.search-container input{padding:5px;width:200px}.menu-button{padding:5px 10px;cursor:pointer}.menu-link{display:block;padding:10px 20px;color:#0277bd;font-size:14px;text-align:left}.menu-link:hover{background-color:#f5f5f5}.main-container{margin-top:80px;padding:10px;max-height:calc(100vh - 80px);overflow-y:auto}.profiles-scroll{display:flex;flex-direction:column;gap:10px}.profile-card{display:flex;align-items:center;padding:10px;border-radius:6px;border:1px solid #ddd;background:#fff}.profile-card img{width:75px;height:75px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:15px}.profile-details h2{margin:0;font-size:16px}.profile-details p{margin:5px 0;color:gray}.follow-button{padding:5px 10px;border:none;border-radius:4px;background-color:#82008f;color:#fff;cursor:pointer}.follow-button.followed{background-color:#fff;border:1px solid #82008f;color:#82008f}.drop-down-container{position:absolute;top:110%;right:0;min-width:160px;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 0;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1100;display:flex;flex-direction:column}.drop-down-container span{padding:8px 20px;text-align:left}.drop-down-container .menu-link,.drop-down-container span{display:block;font-size:14px;color:#0277bd;background-color:#fff}.drop-down-container .menu-link{padding:10px 20px;text-decoration:none}.drop-down-container .menu-link:hover{background-color:#f5f5f5}.drop-down-container .menu-separator{border:none;border-top:1px solid #ccc;margin:5px 0}