Untitled

.container {
    display: flex;
    background-color: #E0BBE4; /* Light purple background */
    padding: 20px;
    font-family: Arial, sans-serif;
}

.left, .right {
    flex: 1; /* Split space evenly */
    padding: 20px;
}

.left h1 {
    color: #333;
    font-size: 24px; /* Adjust size as needed */
}

.right p {
    color: #666;
    font-size: 14px; /* Adjust size as needed */
    margin-bottom: 20px;
}

button {
    padding: 10px 20px;
    background-color: #fff;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: #ccc;
}