@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

*{
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}

a{
	color: #fff;
}

body{
	background: #0066b4;
	color: #fff;
	display:flex;
	flex-direction: column;
	min-height: 100vh;
}

.section-master{
	flex: 1;
}

.frontpage{
	background:rgba(0,0,0,0.3);
	padding: 20px;
}

.frontpage hgroup h1{
	color: #fff;
	font-size: 2em;
	letter-spacing: 1px;
}

.frontpage hgroup h1 .frontpage-h1-detail{
	background:rgba(0,0,0,0.5);
	border-radius:8px;
	color: #eee;
	font-size: 0.6em;
	letter-spacing: 1px;
	padding: 5px 10px;
}

.frontpage hgroup h2{
	color: #eee;
	font-size: 1.2em;
	font-weight: 400;
}

.twitter-block{
	display:block;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	width: 1000px;
}

.footer-master{
	background: rgba(0,0,0,0.2);
	color: #999;
	letter-spacing: 1px;
}
.footer-master a{
	border-bottom:solid 2px transparent;
	color: #ccc;
	transition: color linear 200ms , transform 200ms;
}
.footer-master a:hover{
	border-bottom:solid 2px #fff;
	color: #fff;
	transform:scale(1.1);
}

.footer-master .footer-links{
	padding: 8px;
}

.footer-master .footer-message{
	border-top: solid 1px rgba(0,0,0,0.2);
	padding-top: 5px;
	padding: 10px;
}

.nav-master{
	background: #333;
}
.nav-wrapper{
	margin: auto;
	width: 1000px;
	display: flex;
}
.nav-master .nav-master-item{
	background: #333;
	color: #eee;
	flex: 1;
	font-size: 1.1em;
	padding: 10px;
	text-align: center;
	transition: background linear 200ms;
}
.nav-master .nav-master-item:hover{
	background: #111;	
}