.content {
    width: 500px;
    margin: auto;
}

.menu {
    margin-top: -40px;
    margin-bottom: 100px;
}
.menu-list {display: flex;}


.logo img {
    max-width: 80px;
}

/* Duplication in home.css */
.menu-portfolio {
    font-family: Basier, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-left: 20px;
}

.list {
    max-width: 500px;
    margin: auto;
}

/* Duplication in home.css */
.list-title {
    font-family: Calendas, "Times New Roman", serif;
    font-size: 20px;
    font-variant-caps: small-caps;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    
    margin-bottom: 100px;
}

/* Duplication in home.css */
.list-title::after {
    content: "";
    display: block;
    margin-left: 43%;
    margin-top: 14px;
    text-align: center;
    width: 14%;
    border-bottom: 1px solid;
}

.list-year {margin-bottom: 100px;}
.list-year-title {
    font-family: Calendas, "Times New Roman", serif;
    font-size: 16px;
    font-variant-caps: small-caps;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    
    margin-bottom: 60px; 
}