Odyssey styleguide

<nav class="odyssey-nav">
	<a href="/" class="odyssey-nav__logo">
		<svg class="odyssey-nav__img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 479 87">
			<defs>
				<linearGradient id="greenGradient" y1="52.1" x2="388.59" y2="52.1" gradientUnits="userSpaceOnUse">
					<stop offset="0" stop-color="#47baaf"></stop>
					<stop offset="1" stop-color="#269189"></stop>
				</linearGradient>
			</defs>
			<path fill="url(#greenGradient)" d="M92.738 80.918V65.119h10.81c11.462 0 20.788-10.156 20.788-21.619s-9.326-21.62-20.788-21.62h-10.81V6.083h10.81c20.632 0 37.418 16.786 37.418 37.418s-16.786 37.418-37.418 37.418h-10.81zm-49.89.831c-21.09 0-38.25-17.158-38.25-38.249s17.16-38.25 38.25-38.25 38.25 17.16 38.25 38.25-17.16 38.25-38.25 38.25zm0-60.7c-11.921 0-21.62 10.53-21.62 22.451s9.699 22.45 21.62 22.45S64.467 55.42 64.467 43.5s-9.698-22.45-21.62-22.45zm143.405 25.505V80.086h-16.63v-30.76l-.016-.005-24.483-42.407h18.242l6.257 10.836 16.63 28.804zm-6.67-39.64l14.778 25.596L209.14 6.914h-29.557zm271.932 39.64V80.086h-16.63v-30.76l-.016-.005-24.484-42.407h18.243l6.257 10.836 16.63 28.804zm-6.67-39.64l14.778 25.596 14.779-25.596h-29.557zm-44.376 73.173h-46.544v-14.97h46.544v14.97zm-9.134-44.052h-37.41v14.966h37.41V36.035zm7.515-29.122h-44.925V21.88h44.925V6.913zM234.413 42.351l-11.171 11.171c-11.023-11.023-11.023-28.958 0-39.982 11.023-11.023 28.958-11.023 39.982 0l-11.172 11.172c-4.87-4.871-13.356-5.459-18.227-.588-4.87 4.87-4.283 13.356.588 18.227zm15.87 20.3c-5.197 5.196-14.208 4.608-19.404-.587l-11.171 11.171c11.347 11.347 29.81 11.347 41.158 0 11.347-11.347 11.347-29.81 0-41.158L249.693 43.25c5.196 5.195 5.784 14.207.588 19.403zm50.836-20.3l-11.172 11.171c-11.023-11.023-11.023-28.958 0-39.982s28.959-11.023 39.982 0l-11.171 11.172c-4.871-4.871-13.356-5.459-18.227-.588s-4.283 13.356.588 18.227zm15.869 20.3c-5.196 5.196-14.208 4.608-19.403-.587l-11.172 11.171c11.348 11.347 29.811 11.347 41.158 0s11.347-29.81 0-41.158L316.4 43.25c5.195 5.195 5.783 14.207.588 19.403z"></path>
		</svg>
	</a>
	<div class="odyssey-menu odyssey-menu_dark">
		<input class="odyssey-menu__check" id="user_dropdown_nav" type="checkbox" hidden>
		<label class="odyssey-menu__label" for="user_dropdown_nav">
			<img class="odyssey-menu__image" src="https://www.gravatar.com/avatar/13480b26ead21be53252b40c932b279f?size=100">
			<span class="odyssey-menu__text">Tim van Dalen</span>
			<div class="odyssey-menu__arrow"></div>
		</label>
		<div class="odyssey-menu__expand">
			<div class="odyssey-menu__content">
				<ul class="odyssey-menulist">
					<li class="odyssey-menulist__item"><a class="odyssey-menulist__link" href="https://app.odysseyattribution.co/">Back to Odyssey</a></li>
					<li class="odyssey-menulist__item odyssey-menulist__item_warn"><a class="odyssey-menulist__link" href="/">Sign off</a></li>
				</ul>
			</div>
		</div>
	</div>
</nav>