@import url('https://fonts.googleapis.com/css2?family=Arima+Madurai&family=Raleway&display=swap');
:root{
	--background-color:#ffffff;
	--foreground-color:#000000;
}
html,body{
	padding:0;
	margin:0;
	background-color:var(--background-color);
	color:var(--foreground-color);
	height:100vh;
}
h1{
	margin: 0 auto 0 auto;
	padding-bottom:16px;
	font-family: 'Arima Madurai', cursive;
	text-align: center;
	background-color:var(--background-color);
}
h1 a{
	text-decoration:none;
	color:var(--foreground-color);
}
h1 a:hover{
	text-decoration:underline;
}
nav{
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid var(--foreground-color);
	background-color:var(--background-color);
}
nav ul{
	font-family:Raleway,sans-serif;
	margin:0 auto 0 auto;
	width:min-content;
	padding:0 16px 0 16px;
}
nav ul li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
nav ul li a{
	padding: 16px;
	text-decoration:none;
	color:var(--foreground-color);
}
nav ul li a:visited{
	color:#101010;
}
nav ul li a:hover{
	background-color:#ffccfe;
	color:#000000;
}
nav ul li a:active{
	color:var(--background-color);
	background-color:var(--foreground-color);
}
nav ul li a.here{
	color:var(--background-color);
	background-color:var(--foreground-color);
}
main {
	max-width:800px;
	font-family:serif;
	margin:0 auto 0 auto;
}
h2{
	font-family:Raleway,sans-serif;
	font-size:larger;
	font-weight:bold;
	text-align:center;
	
}
main p{
	line-height:1.8;
	text-justify:auto;
}
main ul{
	text-align:center;
	margin:0;
	padding:0;
}
main ul li{
	display:inline;
	line-style-type:none;
	margin: 0.8em;
	padding:0;
}
.center{
	text-align:center;
}
dt{
	width:min-content;
	font-family:Raleway,sans-serif;
	font-weight:bold;
	margin: 0 auto 7px auto;
	padding: 4px 18px 4px 4px;
}
dd{
	font-family:serif;
	margin:0 0 0.9em 0;
	padding: 0;
}
img{
	max-width:100%;
	width:auto;
	height:auto;
}