@charset "UTF-8";

html,
:root {
	--Green-color: #009944;
	--Mint-blue: #00c2d5;
	--Blue: #1c61a6;
}

.clock-frame .clock.jan,
.clock-frame .clock.feb {
	background: repeating-conic-gradient(
		var(--Red-color) calc(0 * var(--color-size)) calc(1 * var(--color-size)),
		var(--Red-color) calc(1 * var(--color-size)) calc(2 * var(--color-size)),
		var(--Main-light) calc(2 * var(--color-size)) calc(3 * var(--color-size)),
		var(--Main-light) calc(3 * var(--color-size)) calc(4 * var(--color-size)),
		var(--Main-light) calc(4 * var(--color-size)) calc(5 * var(--color-size)),
		var(--Main-light) calc(5 * var(--color-size)) calc(6 * var(--color-size)),
		var(--White) calc(6 * var(--color-size)) calc(7 * var(--color-size)),
		var(--White) calc(7 * var(--color-size)) calc(8 * var(--color-size)),
		var(--White) calc(8 * var(--color-size)) calc(9 * var(--color-size)),
		var(--Main-light) calc(9 * var(--color-size)) calc(10 * var(--color-size)),
		var(--Main-light) calc(10 * var(--color-size)) calc(11 * var(--color-size)),
		var(--Main-light) calc(11 * var(--color-size)) calc(12 * var(--color-size)),
		var(--Main-light) calc(12 * var(--color-size)) calc(13 * var(--color-size))
	);
}
.clock-frame .clock.mar,
.clock-frame .clock.oct {
	background: repeating-conic-gradient(
		var(--Main-light) calc(1 * var(--color-size)) calc(1 * var(--color-size)),
		var(--Red-color) calc(0 * var(--color-size)) calc(2 * var(--color-size)),
		var(--Main-light) calc(2 * var(--color-size)) calc(3 * var(--color-size)),
		var(--Main-light) calc(3 * var(--color-size)) calc(4 * var(--color-size)),
		var(--Main-light) calc(4 * var(--color-size)) calc(5 * var(--color-size)),
		var(--Main-light) calc(5 * var(--color-size)) calc(6 * var(--color-size)),
		var(--White) calc(6 * var(--color-size)) calc(7 * var(--color-size)),
		var(--White) calc(7 * var(--color-size)) calc(8 * var(--color-size)),
		var(--White) calc(8 * var(--color-size)) calc(9 * var(--color-size)),
		var(--Main-light) calc(9 * var(--color-size)) calc(10 * var(--color-size)),
		var(--Main-light) calc(10 * var(--color-size)) calc(11 * var(--color-size)),
		var(--Main-light) calc(11 * var(--color-size)) calc(12 * var(--color-size)),
		var(--Main-light) calc(12 * var(--color-size)) calc(13 * var(--color-size))
	);
}
.clock-frame .clock.apr {
	background: none;
}
.clock-frame .clock.may,
.clock-frame .clock.sep {
	background: conic-gradient(from 210deg, var(--Main-light) 180deg, var(--Red-color) 180deg 210deg, var(--Main-light) 180deg 112deg, var(--Main-color) 210deg);
}
.clock-frame .clock.jun,
.clock-frame .clock.jul,
.clock-frame .clock.aug {
	background: conic-gradient(from 210deg, var(--Main-light) 150deg, var(--Red-color) 150deg 240deg, var(--Main-light) 180deg 112deg, var(--Main-color) 210deg);
}

.clock-frame .clock.nov,
.clock-frame .clock.dec {
	background: repeating-conic-gradient(
		var(--Red-color) calc(0 * var(--color-size)) calc(1 * var(--color-size)),
		var(--Main-light) calc(1 * var(--color-size)) calc(2 * var(--color-size)),
		var(--Main-light) calc(2 * var(--color-size)) calc(3 * var(--color-size)),
		var(--Main-light) calc(3 * var(--color-size)) calc(4 * var(--color-size)),
		var(--Main-light) calc(4 * var(--color-size)) calc(5 * var(--color-size)),
		var(--Main-light) calc(5 * var(--color-size)) calc(6 * var(--color-size)),
		var(--White) calc(6 * var(--color-size)) calc(7 * var(--color-size)),
		var(--White) calc(7 * var(--color-size)) calc(8 * var(--color-size)),
		var(--White) calc(8 * var(--color-size)) calc(9 * var(--color-size)),
		var(--Main-light) calc(9 * var(--color-size)) calc(10 * var(--color-size)),
		var(--Main-light) calc(10 * var(--color-size)) calc(11 * var(--color-size)),
		var(--Main-light) calc(11 * var(--color-size)) calc(12 * var(--color-size)),
		var(--Main-light) calc(12 * var(--color-size)) calc(13 * var(--color-size))
	);
}
.section .overview .subscript {
	width: 65%;
}
.cs .floating {
	top: 140px;
}
.tabs a {
	font-size: 24px;
}
@media (max-width: 475px) {
	#map .map-area,
	#map .map-area .map-img {
		height: 300px;
	}
	#map .map-area .map-img {
		background-position: 60% center;
	}
	.section .overview .subscript {
		width: 100%;
	}
	.tabs a {
		font-size: 14px;
	}
}