hmtl, body{
    background-color: #000000;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    height: 100vh;
    font:15px/1.5 Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif;
}
#tables{
    width: 80%;
    height: 100vh;
    margin: 0 auto;
    background: url(bg.svg);
    border-left:5px solid #c26813;
    border-right:5px solid #c26813;
}
#content{
    display: grid;
    width: 80%;
    height: 100vh;
    margin: 0 auto;
    background: url(bg.svg);
    border-left:5px solid #c26813;
    border-right:5px solid #c26813;
    grid-template-areas:  "logo summary summary"
                    "cubing engineering homesteading"
                    "catholicism finance ramblings";
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items,align-items:center;
}
#logo,#summary,#cubing,#engineering,#homesteading,#catholicism,#finance, #ramblings{display:flex;align-items:center}
#logo{grid-area:logo}
#summary{grid-area:summary;width:90%}
#cubing{grid-area:cubing}
#engineering{grid-area:engineering}
#homesteading{grid-area:homesteading}
#catholicism{grid-area:catholicism}
#finance{grid-area:finance}
#ramblings{grid-area:ramblings}

@media (max-width: 768px){
    #content{
    width: 95%;
    grid-template-areas:  "logo summary"
                    "cubing engineering"
                    "homesteading catholicism"
                    "finance ramblings";
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
    
    
}