.main-container {
    max-width: 100%;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0 0 155px 0;
    flex-direction: column;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}

article {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*max-width: 1300px;*/
    padding:0 1.5rem 0 1.5rem;
}

div.center {
    width: 100%;
    max-width: 1300px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 2.5rem 2rem;
}

section.header-section {
    background: var(--pr-light-blue);
    border-bottom: 1px solid var(--pr-list-group-border);
    border-top: 1px solid var(--pr-list-group-border);
    padding: 0rem 1.5rem 0 1.5rem;
    margin-top:1px;
}

    section.header-section div.center {
        /*margin-top:3rem;*/
        max-width: 1300px;
        padding: 2rem 2rem;
        
        /*border-radius: 1rem;*/
    }

section.alt-section {
    background: var(--pr-light-blue);
    border-bottom: 1px solid var(--pr-list-group-border);
    border-top: 1px solid var(--pr-list-group-border);
}

h1 {
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

h2 {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
    font-size: 1.5rem;
}

h3 {
    padding-bottom: 1rem;
    margin-bottom: 0;
    font-size: 1.5rem;
}

h1, h2, h3 {
    color: var(--pr-black);
    font-family: Arial, Helvetica, sans-serif;
}

p {
    padding-bottom: 1.5rem;
    margin-bottom: 0;
    font-size: 1.25rem;
    color: var(--pr-text-muted-xdark);
    font-family: Arial, Helvetica, sans-serif;
}

    p.extra {
        padding-bottom: 3rem;
    }

em {
    font-size: 1rem;
    color: var(--pr-text-muted);
}

div.center img {
    border-radius:1rem;
    overflow:hidden;
    margin:1rem 0;
}

section.header-section h1 {
    padding-bottom: .75rem;
    font-weight: bold;
    font-size: 2.25rem;
    font-family: Arial, Helvetica, sans-serif;
}

section.header-section h2 {
    font-family: Arial, Helvetica, sans-serif;
}

section.header-section p {
    color: var(--pr-text-muted-xdark);
}

section p:last-of-type {
    padding-bottom: 0;
}

section ul {
    font-size: 1.25rem;
    color: var(--pr-text-muted-xdark);
    padding-bottom: 3rem;
    margin-bottom: 0;
}

    section ul li {
        padding-bottom: 0.75rem;
    }

        section ul li:last-of-type {
            padding-bottom: 0;
        }

table {
    width: 100%;
    border-left: 1px solid var(--pr-list-group-border);
    border-right: 1px solid var(--pr-list-group-border);
    margin-bottom: 1rem;
}

    table th {
        background-color: var(--pr-light-blue);
        border-top: 1px solid var(--pr-list-group-border);
        color: var(--pr-black);
    }

    table tr:nth-child(even) {
        background-color: var(--pr-light-blue-gray);
    }

    table td, table th {
        padding: 0.75rem 1.5rem;
        border-bottom: 1px solid var(--pr-list-group-border);
        font-size: 1.25rem;
        color: var(--pr-text-muted-xdark);
    }

.borders {
    border-left: 1px solid var(--pr-list-group-border);
    border-right: 1px solid var(--pr-list-group-border);
}

.green {
    color: var(--pr-status-green);
    font-weight: bold;
}

.input-text {
    width: 300px;
}

.input-btn {
    border: none;
    padding: 0.5rem 1.5rem;
}

    .input-btn:hover {
        border: none;
    }

.error-message {
    color: var(--pr-status-red);
    font-size: 0.9rem;
}

.success-message {
    color: var(--pr-text-muted-dark);
    font-size: 0.9rem;
}

.video-container {
    margin-bottom: 1.5rem;
}

.blog-meta {
    display: flex;
    gap: 0.75rem;
    /*margin-top: auto;*/
    justify-content: flex-start;
    flex-direction: row;
    font-size: .875em;
    margin-top:1.5rem;
}

.blog-main-meta span, .blog-main-meta small, .blog-main-meta a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
    padding: 0;
    border-radius: 50%;
    text-decoration: none;
    color: var(--pr-secondary);
    font-size: 16px;
    transition: background-color 0.3s ease;
    background-color: var(--pr-white);
    border: 1px solid var(--pr-list-group-border);
}

    .share-btn:hover {
        border-color: var(--pr-list-group-border);
        background-color: var(--pr-list-group-border);
        color: var(--pr-black);
    }