/* General body styles */
body {
    margin: 0;
    padding: 0;
    font-family: 'PixChicago', sans-serif;
    height: 100vh;
    background-color: white;
}

/* Container for the whole page */
.container {
    display: flex;
    height: 100vh;
}

/* Text content section */
.text-content {
    width: 30%; /* Left side where text will be */
    padding: 20px;
    color: black; /* Black text color */
    text-align: left;
}

/* Header for the "About Us" section */
h1 {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

/* Paragraph styling */
p {
    font-size: 0.8rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Checkerboard pattern on the right side */
.container::after {
    content: '';
    display: block;
    flex-grow: 1;
    background-image: url('images/Checkerboard.png'); /* Example checkerboard pattern */
    background-size: 40px 40px;
}

/* Make sure the font is PixChicago */
@font-face {
    font-family: 'PixChicago';
    src: url('fonts/pixChicago.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}