News Layout body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .navbar { background-color: #f8f8f8; padding: 10px; text-align: center; border-bottom: 1px solid #ccc; } .navbar a { text-decoration: none; color: black; margin: 0 10px; } .profile-link { float: right; margin-right: 10px; color: blue; } .content { text-align: center; padding: 20px; } .image-placeholder { width: 100px; height: 100px; background-color: #ccc; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .article { text-align: left; max-width: 600px; margin: 20px auto; border: 1px solid #ddd; padding: 15px; background-color: #f9f9f9; } .textarea { width: 100%; height: 100px; } .button-container { display: flex; justify-content: space-between; margin-top: 10px; } .button { padding: 10px 20px; border: 1px solid #ccc; cursor: pointer; } .generate-btn { width: 100%; padding: 10px; background-color: #ddd; border: none; cursor: pointer; }