html, body { background-color: #f0f0f0 !important;
                        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                        color: #333; }
nav { background-color: #2c3e50 !important; 
    padding: 1rem; 
    border-radius: 8px; }
nav a { color: white !important; 
    margin-right: 1rem; 
    text-decoration: none; }
nav a:hover { color: #3498db !important; }
.page { max-width: 600px; 
    margin: 2rem auto; 
    padding: 0.5rem; 
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    box-shadow: 1px 2px 8px rgba(0,0,0,0.1);}
.feed { max-width: 600px; margin: 0 auto;}
.photo-card { margin-bottom: 2rem;
    border: 1px solid #333; 
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 1rem; 
    background-color: #fff; }    
.photo-card push-right { margin-left: auto; }
.push-right { display: flex; align-items: center; }
.push-right form { margin: 0; padding: 0; }
.photo-card img { width: 100%; border-radius: 4px; }
.photo-card h2 { margin-top: 0; 
    font-size: 1.25rem; 
    color: #333; }
.photo-card p { color: #555; }
.card-actions { display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;}
.card-actions button { background: transparent; 
    border: none; 
    margin-bottom: 0em;
    padding: 1px 1px;
    cursor: pointer; 
    font-size: 1rem; 
    vertical-align: middle; }
.card-actions form { display: flex; align-items: flex-end; gap: 0.5rem; }
P { margin: 0em; }
.bold-text { font-weight: bold; }
.comment { border-top: 1px solid #eee; padding: 0.5rem; }
.comment p { margin: 0.25rem 0; }