.container1 {
            display: flex;
            flex-wrap: wrap;
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 1rem;
        }

        .main-content {
            flex: 3;
            min-width: 300px;
            background: #fff;
            padding: 2rem;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-right: 2rem;
        }

        .sidebar {
            flex: 1;
            min-width: 250px;
            background: #fff;
            padding: 2rem;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .post-title {
            font-size: 2rem;
            margin: 0 0 1rem;
        }

        .post-meta {
            color: #888;
            margin: 0 0 1rem;
        }

        .post-image {
            max-width: 100%;
            height: auto;
            margin-bottom: 1rem;
        }

        .post-content {
            font-size: 1.1rem;
			font-family: AIzaSyDGqTyqoPIvYxhn_Sa7ZrK5bENUWhpCo0w;
		}

        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }

            .main-content {
                margin: 0 0 2rem;
            }

            .sidebar {
                margin: 0;
            }
			
        }