body {
    margin: 0;
    font-family: Arial, sans-serif;
}

header, footer {
    background-color: #f8f9fa;
    text-align: center;
    padding: 10px 0;
}

.container {
    display: flex;
    height: calc(100vh - 120px); /* Adjust based on header and footer height */
}

.left-column {
    width: 15%;
    background-color: #e9ecef;
    padding: 10px;
}

.right-column {
    width: 85%;
    padding: 10px;
    display:flex;
    flex-direction: column;
    align-items: center;
}

.right-column h1 {
    align-self: center; /* Centers the h1 horizontally */
    text-align: center; /* Centers the text within the h1 */
    margin-top: 0;
}

.right-column h2 {
    align-self: center; /* Centers the h1 horizontally */
    text-align: center; /* Centers the text within the h1 */
    margin-top: 10;
}