#header div {
    margin-right: -20px;

    letter-spacing: 20px;
}

#avatar-main-with-circles {
    width: 500px;

    filter: opacity(0.4) drop-shadow(0 0 0 #222) blur(40px);
}

#frontend-dev {
    width: 60%;

    text-align: left;
}

#designer {
    width: 60%;
    margin-top: -60px;

    text-align: right;
}

.circle {
    width: 310px;
    height: 310px;
}

footer {
    justify-content: flex-end;
}