* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: #000000;
	color: #ffffff;
}

.main {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 0.2em;
}


.title {
	margin-left: 12%;
	width: 88%;
	display: grid;
}

.title-text, .gap {
    grid-area: 1 / 1 / 2 / 2;  /* 都放在同一个网格单元格 */
}

.title-logo {
	background-image: url("images/ohjelma.png");
	background-repeat: no-repeat;
	display: block;
	padding: 0;
	width: 112px;
	height: 64px;
	margin: 8%;
}

.title-text {
	font-size: 4em;
	margin-left: 5%;
}

.gap {
	margin-top: 2.2em;
	background-color: #222222;
	width: 100%;
	height: 2.2em;
}

.navigator {
	font-size: 1.2em;
	padding-left: 3%;
	padding-right: 25%;
}

.navigator-button {
	background-color: #111111;
	color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between;
	padding: 0 8px;
	transition: background-color 0.2s ease;
}

.navigator-button:hover {
	background-color: #343434;
}

.navigator-button-text {
	color: #ff9900;
	flex: 1;
	text-align: right;
	padding: 3px;
	padding-right: 9px;
}

a {
	text-decoration: none;
}