html {
    font-family: 'Noto Sans Mono', monospace;
    font-size: normal;
    font-weight: 300;
    background-color: #0c0a0c;
}

a {
    text-decoration: none;
    color: #1565c0;
}

a:hover {
    color: #217ee7;
}

ul {
    list-style-type: square; 
    text-align: left;
    padding-left: 20%
}

#content {
    margin: 0 auto;
    text-align: left;
    color: #bbbbbb;
    max-width: 520px;
    line-height: 1.6em;
}

.avatar {
    width: 250px;
}

.icons {
    text-align: right;
    list-style-type: none;
    font-size: large;
    display: flex;
    justify-content: flex-end;
    width: 80%;
    max-width: 320px;
    margin: 1em 0 1em auto;
}

.icons li {
    display: inline;
    margin-left: 15px;
}

.icons a {
    color: #bbbbbb;
}

.icons a:hover {
    color: #1565c0;
}