body{
    font-family: "Merriweather", serif;
}


.projects-section {
    padding: 50px 200px;
}


.project-section-title {
    font-size: 30px;
    color: var(--color-section-title);
    transition: 0.2s;
}
.project-section-title:hover {
  font-size: 35px;
}

.project-tag {
    display: inline-block;
    color: var(--color-subsection-highlight);
    margin: 10px;
    font-style: italic;
}

.project-section-body {
    max-width: 900px;
    padding-bottom: 50px;
    color: var(--color-body-text);
}


@media (max-width: 11in) {
    .projects-section {
        padding: 50px 75px;
    }
}


@media (max-width: 5in) {
    .projects-section {
        padding: 50px 0;
    }
}