<header>
    <style>
        header{
            background-color: var(--theme-accent);
            margin-top:0;
            display:flex;
            flex-direction: row;
        }
        header #logo img {
            max-width:5vh;
        }
        header > a {
            display:flex;
            flex-direction: row;
            align-items: center;
        }
        header span {
            font-size:24px;
            color:var(--theme-color-primary);
        }
        header svg {
            stroke: var(--theme-color-primary);
            fill: var(--theme-color-primary);
        }
        header .icon {
            width:5vh;
            height:5vh;
        }
    </style>
    <a id="logo" href="/">
        <img src="/logo.webp" alt="logo">
    </a>
    <a id="logo" href="/">
        <span><strong>{{.Site.Title}}</strong></span>
    </a>
    {{ partial "rss-icon"}}
</header>