@charset "UTF-8";

header {
	top: 0;
	left: 0;
	position: fixed;
	width: 100vw;
	height: 70px;
	box-sizing: border-box;
	padding: 0 20%;
	display: flex;
	justify-content: space-between;
	background-color: #931919;

	&:not(:has(*)) {
		display: none;
	}

	>span#logotype {
		display: flex;
		flex-direction: column;
		font-size: 1.1rem;

		>h4:only-of-type:first-child {
			margin: unset;
			font-family: "Cascadia Code";
			font-size: 2.8em;
		}

		>small:only-of-type:last-child {
			justify-self: end;
			align-self: end;
			margin-top: -0.8em;
			font-family: 'Bahnschrift';
			font-size: 0.7em;
			font-weight: 800;
			text-transform: uppercase;
		}
	}

	>nav#menu {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1rem;
		font-family: 'Geologica';

		>a {
			text-decoration: none;
			font-weight: 600;
			font-size: 1rem;
			text-transform: uppercase;
			color: #fff;
		}
	}

	>a#order {
		align-self: center;
		background-color: #660909;
		padding: 0.5em 1.3em;
		border-radius: 1.125em;
		color: #fff;
		font-family: 'Cascadia Code';
		font-weight: 400;
		text-decoration: none;
		border: 2px solid;
	}
}
