/** @format */

header {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	align-items: anchor-center !important;

	& div.logo {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: inherit;
		align-items: center;
		margin-left: calc(var(--header-height) / 2);
		flex: 0 1;

		> div {
			font-size: 32px;
			font-weight: bold;
			font-family: "Roboto";
			/* letter-spacing: 0.01rem; */

			&:first-child {
				color: coral;
			}
			&:last-child {
				color: dodgerblue;
				margin-left: 4px;
			}
		}
	}
}

main {
    &#N1Yqu3hCMe{
        flex: 1 0;
    }
}

footer {
	display: flex;
	justify-content: center;
	align-items: center;
	color: cornflowerblue;
}