body {font-family: 'Libre Franklin', sans-serif;}
html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4 {font-weight:bold;font-family: 'Libre Franklin', sans-serif;}

.bg {
	padding: 5em 0;
	font-family: 'Libre Franklin', sans-serif;}



#intro {
	padding:1em 0 5em;
	background-color:#005bbb;
	color:white;
}


#contents {
	background-color:#ffd500;
	border-top:4px solid #fff;}
#contents .cell {
	padding-bottom:50px;
	border-bottom:4px solid black;
	margin-bottom:50px;
	font-family: 'Libre Franklin', sans-serif;
	
}
#contents span {
	font-size:4.5em;
	font-weight:bold;
	font-style:italic;
	color:white;
	
}

#about {background-color:#fff}


h1 {
	font-size:2.5em;
	margin-bottom: 0;
}

#title {
	background-color:#ffd500;
	color:#005bbb;
	display: inline-block;
	padding:5px;
}

h1 + h1 {
	font-size:1.5em;
	margin-bottom:1em;

}

h3 {border-left: 3px solid black;
	padding-left:20px;}

a:link {
	border-bottom:1px dotted black;
	text-decoration: none;

}
a:visited {}
a:hover{
	background-color:#ffcc33;
	border:none;
}
a:active {}

#contents a:link {
	border-bottom:1px dotted black;
	color:black;
}
#contents a:visited {
	color:black;
}
#contents a:hover{
	background-color:black;
	color:white;
}
#contents a:active {}

.status {
	background-color: black;
	color:white;
	padding:2px 5px;
	font-weight:bold;
	display: inline-block;
}