| /* .friend-moments { | |
| background-color: #5c3f31; | |
| color: white; | |
| } | |
| .header { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| padding: 10px; | |
| } | |
| .logo-and-name { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .logo { | |
| height: 30px; | |
| margin-right: 10px; | |
| } | |
| .site-name { | |
| font-size: 24px; | |
| } | |
| .user-and-message { | |
| display: flex; | |
| align-items: center; | |
| } | |
| .user-avatar { | |
| height: 40px; | |
| margin-right: 10px; | |
| } | |
| .message-center { | |
| font-size: 16px; | |
| } | |
| .nav { | |
| background-color: #dab8c2; | |
| display: flex; | |
| justify-content: center; | |
| } | |
| .nav-item { | |
| color: white; | |
| text-decoration: none; | |
| padding: 10px 20px; | |
| } | |
| .active { | |
| background-color: #996633; | |
| } | |
| .content { | |
| padding: 20px; | |
| } | |
| .user-post { | |
| border-bottom: 1px solid white; | |
| margin-bottom: 20px; | |
| padding-bottom: 20px; | |
| } | |
| .user-info { | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 10px; | |
| } | |
| .user-avatar-small { | |
| height: 30px; | |
| margin-right: 10px; | |
| } | |
| .username { | |
| font-size: 16px; | |
| } | |
| .post-content { | |
| margin-bottom: 10px; | |
| } | |
| .post-actions { | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 10px; | |
| } | |
| .like-icon, | |
| .comment-icon { | |
| margin-right: 5px; | |
| } | |
| .like-count, | |
| .comment-count { | |
| margin-left: 5px; | |
| } | |
| .post-image { | |
| float: right; | |
| width: 150px; | |
| height: 150px; | |
| background-color: #ddd; | |
| margin-left: 10px; | |
| } */ |