/**
 * Style Gude
 * https://smacss.com/
 *
 * Use this to order CSS properties.
 * (Taken and edited from https://github.com/necolas/idiomatic-css)
 *
 * .selector {
 * 		Positioning
 * 	position: absolute;
 * 	z-index: 10;
 * 	top: 0;
 * 	right: 0;
 * 	bottom: 0;
 * 	left: 0;
 *
 * 		Display & Box Model
 * 	display: flex;
 * 	flex-direction: column;
 * 	overflow: hidden;
 * 	box-sizing: border-box;
 * 	flex: 0 1;
 * 	max-width: 100%
 * 	width: 100px;
 * 	max-height: 100%;
 * 	height: 100px;
 * 	padding: 10px;
 * 	border: 10px solid #333;
 * 	margin: 10px;
 *
 * 		Other
 * 	background: #000;
 * 	color: #fff;
 * 	font-family: sans-serif;
 * 	font-size: 16px;
 * 	text-align: right;
 * 	animation: 3s ease-out 1s 1 normal forwards running slide;
 * }
 */

/**
 * Base
 */

body {
	max-width: 100vw;
	padding: 0;
	margin: 0;
}

/**
 * Layout
 */

#l-header {
}

.l-margin-x-auto {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/**
 * Module
 */

#logo {
	width: auto;
	height: 4rem;
}

/**
 * State
 */

/**
 * Theme
 */