/* Home */
#about-block { grid-area: about; }
#news-block { grid-area: news; }
#buttons-block { grid-area: buttons; }
#projects-block { grid-area: projects; }
#other-block { grid-area: other; }

.grid.home {
    width: 100%;
    height: 100%;
    grid-template-columns: 1.5fr 1fr 1fr;
    grid-template-rows: 1fr 3fr;
    grid-template-areas:
        "about about    about"
        "news  projects projects";
}

/* About */
#about p {
    padding: 10px;
}

/* Projects */
#projects {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.project {
    display: flex;
    flex-direction: row;
    padding: 10px;
    margin-bottom: 10px;
}

.project p {
    font-size: 0.8em;
    color: gray;
}

/* News */
#news {
    overflow-y: scroll;
}

.meta-value {
    color: gray;
}

/* Other */
#other {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}