body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    height: 100vh; /* Sets the body height to fill the viewport */
    background-color: #f5f5f5; /* Adds a light background color */
}

.container {
    text-align: left; /* Aligns text to the left inside the container */
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    width: 80%;
    margin: 80px auto 10px; /* Centers the container and adds space on the top and bottom */
}

h1 {
    font-size: 1.5em; /* Reduces the size of h1 and h2, adjust as needed */
    margin-top: 0.5em; /* Reduces the space above the headers */
    margin-bottom: 0.5em; /* Reduces the space below the headers */
}

h2 {
    font-size: 1.0em; /* Reduces the size of h1 and h2, adjust as needed */
    margin-top: 0.0em; /* Reduces the space above the headers */
    margin-bottom: 0.0em; /* Reduces the space below the headers */
}

p, li {
    color: #666;
    margin-top: 0.5em; /* Reduces the space above paragraphs and list items */
    margin-bottom: 0.5em; /* Reduces the space below paragraphs and list items */
    line-height: 1.4; /* Adjusts the line height to make text closer together */
}

/* If you need even tighter spacing, you can further reduce the margins and line height */