/* Overrides the font-family */
html {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #ECEFF1;
}

#container {
    margin: auto;
    max-width: 800px;
    padding: 24px;
}

#name {
    text-align: start;
    font-size: xx-large;
    font-weight: bold;
}

#about-me {
    text-align: start;
    font-size: larger;
}

#link-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.link-item {
    font-size: medium;
    margin-left: 12px;
    margin-bottom: 0px;
}

#posts-container {
    display: flex;
    flex-direction: column;
}

@media (max-width: 352px) {    
    #link-list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    
    .link-item {
        margin-left: 0px;
        margin-bottom: 12px;
    }
}