body{
    background-color: #1a1a1aff;
    font-family: "Liberation Sans", "LiberationSans", Arial, sans-serif;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


main {
  display: flex;
  flex-direction: column;   /* Keeps inner content stacked top-to-bottom */
  justify-content: center;  /* Aligns contents vertically in a column layout */
  align-items: center;      /* Centers contents horizontally */
  
  min-height: 60vh;        /* Takes up 100% of the viewport height */
}

nav {
    display: flex;
    justify-content: center; 
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
}

nav a {
    color: greenyellow;
    
    font-weight: bold;
    font-size: x-large;
}

footer{
    background-color: rgb(17, 17, 17);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;

    /*Create a grid pattern. Set the total size of 4 squares (2x2 grid cell) */
    background-image: conic-gradient(rgb(10, 10, 10) 0 25%, rgb(22, 22, 22) 0 50%, rgb(10, 10, 10) 0 75%, rgb(22, 22, 22)  0);
    background-size: 48px 48px;
}

.logo-wrapper{
    width: auto;
}

/*A wrapper for page contents; creates a bg with drop shadow*/
.post_content_wrapper{
    background-color: rgb(34, 34, 34);
    max-width: 600px;
    box-shadow: 2px 2px 5px black;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 1; /* Collapses the inherent space above and below the text characters */

}
.post_content_wrapper h1{
    
    background-image: linear-gradient(to right, #ff0000, #ffff00);
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px;
    text-align: center;
    text-shadow: 1px 1px 2px black;
    line-height: 1; /* Collapses the inherent space above and below the text characters */
}
.post_content_wrapper p{
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px;
    line-height: 1; /* Collapses the inherent space above and below the text characters */
    text-justify: auto;
}