@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family: "Montserrat", serif;
}

.contain {
display: grid;
grid-template-columns: 2fr 1fr; /* Two columns: left is larger */
gap: 10px; /* Adds space between the sections */
height: auto; /* Adjust height automatically */
}

.left {
    background-color: #f4f4f4; /* Light gray background */
    padding: 20px;
    border: 1px solid #ccc;
}

.right {
    background-color: #e8e8e8; /* Slightly darker gray background */
    padding: 20px;
    border: 1px solid #ccc;
}

/* Media Query for Mobile View */
@media (max-width: 768px) {
    .contain {
        grid-template-columns: 1fr; /* Single column layout */
    }
    
    .left, 
    .right {
        width: 100%; /* Make both sections take full width */
    }
}