body {
    background:black;
    color:white;
    display:grid;
   
    height:100vh;
    margin:0;
    padding:0;
    
    place-items:center;
}
h2 {
    font-size:1em;
    text-align:center;
    text-justify:center;
    margin:0;
}

ul {
    list-style-type:none;
}
/*start layouts*/

.layout { /*default desktop*/
    min-height:90vh;
    width:90vw;

    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-areas:
        "upleft upmid upmid right"
        "downleft downmid downmid right";
    grid-gap:.5em;
}

@media (max-width:1000px) { /*minimized window*/
    .layout {
    grid-template-columns:repeat(3, 1fr);
    grid-template-areas:
        "upleft upmid right"
        "downleft downmid right";
    }
}

@media (max-width:800px) { /*mobile*/
    .layout {
        grid-template-columns:1fr;
        grid-template-areas:
            "upleft"
            "downleft"
            "upmid"
            "downmid"
            "right"
    }
}

.section {
    padding:2em;
    color:white;
    border:1px dashed white;
    }

.section p {
    padding-left:1em;
    padding-right:1em;
}

.section ul {
    padding-left:1em;
    padding-right:1em;
}

.post {
    padding:2em;
    border:1px dashed white; 
    max-height:90vh;
    max-width:90vh;
}

.return-home {
    text-align:center;
}

pre {
  font-family:"Times New Roman";
}