.post {
    background-color: #EFBCE7;
    width: 800px;
    font-size: 36-px;
    margin-top: 0;
    padding: 1rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-areas: 
    "title icon"
    "main main"
    "bfooter bfooter"
}

.title {
    grid-area: title;
    
    border-top: black dashed 1px;
    border-bottom: black dashed 1px;
    padding: 1rem;
    margin-right: -10px;
}

.main {
    margin-top: 1rem;
    margin-bottom: 1rem;
    grid-area: main;
    width: 600px;
}

.icon {
    grid-area: icon;
    border-top: black dashed 1px;
    border-bottom: black dashed 1px;
    padding: 1rem;
    margin-left: -20px;
}

.bfooter {
    grid-area: bfooter;
    width: 770px;
    border-top: black dashed 1px;
    border-bottom: black dashed 1px;
    padding: 1rem;
    margin-top: 1rem;
}

.icons {
    width: 100px;
    height: 100px;
}

.pics {
    max-width: 250px;
    border: #000000 1px solid;
}

.picsfloat {
    max-width: 250px;
    border: #000000 1px solid;
    float: left;
    margin: 5px;
}

.picsfloatr {
    max-width: 250px;
    border: #000000 1px solid;
    float: right;
    margin: 5px;
}

hr {
    border: black 0.5px dashed;
}

h1 {
    font-size: 25px;
}