.fullpost {
    width: 65vw;
    margin: 0 5vw;
    flex-basis: 70vw;
}

.fullpost p {
    font-size: 14px;
    line-height: 1.4;    
    margin: 0 3vw;
}

code {
    background-color: #5b5b5b;
    padding: 5px;
}

.fullpost h3 {
    margin-left: 1vw;
}

.fptitle {
    margin-top: 6vh;
    text-align: center;
    border-bottom: white solid .2vw;
    padding-bottom: 20px;
}

.fplayout {
    display: flex;
}

.tagcontent {
    flex-basis: 10.5vw;
    width: 10.5vw;
    padding: 0 .9vw;
    border-right: .2vw solid white;
}

.metacontent {
    flex-basis: 10.5vw;
    width: 10.5vw;
    padding: 0 .9vw;
    border-left: .2vw solid white;
}

.tagcontent .tagitem a {
    display: block;
}

.tagcontent .tagitem {
    display: block;
    text-align: center;
    padding-bottom: 5px;
}

.taglist {
    display: block;
}

/* mobile */
@media (max-width: 800px) {
.fplayout {
    display: flex;
    flex-direction: column-reverse;
}

.fullpost {
    order: 3;
    padding: 5vh 15vw;
    border-bottom: .2vw solid white;
    margin: 0;
}

.tagcontent {
    width: 70vw;
    padding: 5vh 15vw;
    order: 1;
    text-align: center;
    border-right: 0vw solid white;
}

.metacontent {
    width: 70vw;
    padding: 5vh 15vw;
    order: 2;
    text-align: center;
    border-bottom: 0.2vw solid white;
    border-left: 0vw solid white;

}
}