header {padding:12px; background-image:linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(10,10,10,0.7));}


header a {color:rgba(255,255,255,0.82); text-decoration:none; display:block;}



header a.logo {font-size:20px; color:rgb(109,64,157); letter-spacing:1px;}
header a.logo span {color:white;}
	header a.logo:hover::after { border-color: rgb(109,64,157); }


header > div {max-width:940px; margin-left:auto; margin-right:auto; display:flex; align-items:center}



header a {position:relative;}
header a::after {content:''; position:absolute; top:100%; height:5px; left:50%; right:50%; border-bottom:1px solid transparent}
header a::after {transition-property:right,left,border-color; transition-duration:0.5s; transition-timing-function:ease-out}
	header a:hover::after, header a.selected::after { left: 0px; right: 0px; border-color: white; }


/* Navigation */
header nav {display:flex; margin-left:10px; flex-wrap:wrap;}
header nav > * {margin:10px;}
header nav {text-transform:uppercase}



header .tz {font-size:12px; color:white; text-align:right; display:block;}
header > div:first-child > span.flag {flex-grow:1; text-align:right; color:white; font-size:25px}