.top-nav-bar {
    display: flex;
}

.left-column {
    width: 20%;
    height: auto;
}

.blog-button {
    padding-top: 1px;
    color: #18e699;
    border-bottom: dashed;
}

.blog-button:hover {
    background-color: #18e699;
    color: black;
    border-bottom: dashed;
    cursor: pointer;
}

.mid-column {
    width: 78%;
    height: 90vh;
}

#blog-container {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    background-color: #14250d;
}

@media (max-width: 1500px) { 
    .left-column {
        display: block;
    }
}