*   тагове <b>, <i>, <u>, <font> -- у лево. вместо това:
    .menu li a {
        font-family: georgia, serif;
        font-style: italic;
        font-weight: bold;
        color: tomato; /* тва верно е мноу як цвят */
    }
    или най-добре ".menu__link {..." и "<a class="menu__link"...",
    за да не разчиташ на структурата на HTML кода.
*   кръговете не ги прави като изображения, а с border-radius.
*   добре биха изглеждали заглавията с тънък сбит сан сериф - пробвай Open Sans Condensed Light, от Google Web Fonts...

и те така те...