@charset "UTF-8";
/******************************************************  local.css ***************************************************/
html {
	padding: 0;
}
#index_asia_html {
	background: linear-gradient(gold, yellow, brown);
}
#index_london_html {
	background: radial-gradient(gold, yellow, brown, yellow, gold);
}
#index_tokyo_html {
	background: linear-gradient(to right, gold, yellow, brown, green);
}
body {
	height: 85vh;
	padding: 0;
}
#index_asia_body {

}
#index_london_body {

}
#index_tokyo_body {

}
main {
	margin: 0 auto;
	padding: 0;
}
#index_asia_main {

}
#index_london_main {

}
#index_tokyo_main {

}
nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 4vh;
	margin: 0 auto;
	background-color: #000;
	padding-top: -1vmin;
}
nav ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	margin: -1vh auto 0;
	padding: 0 -3vmax;
}
nav ul li a button {
	width: 6vmax;
}
nav ul li a button:hover {
	background: linear-gradient(#969696, #C8C8C8);
	border: .12vmin outset #F63, .12vmin inset #000;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	outline: .12vmin solid #0D3;
	outline-offset: .1vmin;
}
nav ul li a button:active {
	background: linear-gradient(#963, #20C);
	color: #0C0;
}
header {
	position: absolute;
	top: 4.5vh;
	height: 15vmin;
	margin: 0 auto;
	text-align: center;
	padding-bottom: -3vmax;
	outline: .25vmin solid #000;
}
header h1 {
	text-align: center;
	color: #0EE;
	font-size: 6.5vmin;
	font-family: cac_champagne, serif;
}
header h2 {
	text-align: center;
	font-size: 3.5vmin;
	font-family: calligraffiti, serif;
}
section {

}
article {

}
#index_con {
	position: absolute;
	top: 22vh;
	height: 45vmin;
	bottom: 12.5vh;
	margin: 0 auto;
	background: linear-gradient(aqua, yellow, cyan, chocolate, aquamarine, brown);
	outline: .25vmin solid #EEF;
	padding: 1vmin;
}
article h3 {
	text-align: center;
	font-size: 2vmin;
	color: #E23;
}
aside {

}
footer {
	position: fixed;
	top: 85vmin;
	height: 15vmin;
	bottom: 0;
	margin: 0 auto;
	outline: .25vmin solid #0F0;
}
#copy {
	bottom: 5vmin;
}
#wrote {
	bottom: .5vmin;
}
/**************************************************/
footer a, #contact, .contact {
	bottom: 8.5vmin;
	left: calc(50% - 5vw);
	margin: 0 auto;
}
#contact:hover {
	left: calc(50% - 3.25vw);
}
/**************************************************/
/**************************************************/
/**************************************************/