<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>