body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

header {
    display: grid;
    width: 90%;
    max-height: 5%;
    margin: 0 auto;
}

main {
    display: grid;
    position: relative;
    width: 90%;
    height: 90%;
    background-color: rgb(157, 195, 186);
    margin: auto auto;
    overflow: hidden;
}

#archives-article {
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    justify-content: center; /* Centers content horizontally */
    align-items: center;     /* Centers content vertically */
    width: 95%;
    height: 92.5%;
    font-weight: bold;
    overflow: hidden;
    background-color: #E2DFD2;
    margin: 0 auto;
    padding: 2em;
    
    /* Ensure the padding doesn't make the element grow larger than 100% */
    box-sizing: border-box; 
}