/* page fade-in */

body {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

a 		{text-decoration: underline;
		font-size: 15pt;
		line-height: 20pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		outline:none;
		color:#555555;
		}

a:hover 	{color: #111111;
		text-decoration: underline;
		}

a.nav 	{text-decoration: none;
		font-size: 13pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		outline:none;
		color:#555555;
		}

a.nav:hover {color: #333;
		text-decoration: underline;
		}

a.nav1 	{text-decoration: none;
	color:#555555;
	font-size: 15pt;
	line-height: 18pt;
	font-family: 'Noto Serif Display', serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	border-bottom: 1px dashed #222222;
}

a.nav1:hover {color: #000000;
		text-decoration: none;
		border-bottom: none;
		}

a.nav2 	{text-decoration: none;
		font-size: 16pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;

		text-decoration: none;
    	border-bottom: 1px dashed #222222;
    	outline: none;

		}

a.nav2:hover {
		text-decoration: none;
		border-bottom: none;
    	outline: none;
		}

a.nav3 	{
		color:#555555;
		text-decoration: underline;
		font-size: 16pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		text-decoration: none;
    	outline: none;
}

a.nav3:hover {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		border-bottom: none;
    	outline: none;
		}

a.nav4 	{
		color:#555555;
		text-decoration: underline;
		font-size: 17pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		text-decoration: none;
    	outline: none;
}

a.nav4:hover {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		border-bottom: none;
    	outline: none;
		}

font.title	{
	color:#777777;
	font-size: 25pt;
	line-height: 20pt;
	font-family: 'Noto Serif Display', serif;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}

font.subtitle 	{
	color:#cccccc;
	font-size: 22pt;
	line-height: 20pt;
	font-family: 'Noto Serif Display', serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

font.body 	{
		color:#888;
		font-size: 11pt;
		line-height: 12pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		}

font.xbody 	{
		color:#555555;
		font-size: 15pt;
		line-height: 20pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		}

font.xtitle 	{
		color:#777777;
		font-size: 18pt;
		line-height: 20pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: bold;
		font-variant: normal;
		font-style: normal;
		}

font.xfooter 	{
	font-size: 16pt;
	font-family: 'Noto Serif Display', serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	outline:none;
	color:#555555;
}

font.xindex 	{
	color:#555555;
	font-size: 12pt;
	line-height: 12pt;
	font-family: 'Noto Serif Display', serif;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

.formtexta 	{
		color: #555555;
		background-color: #dfdfdf;
		font-size: 15pt;
		line-height: 18pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		text-transform: none;
		text-decoration: none;
		}

.formtextb 	{
		color: #fff;
		background-color: #888;
		font-size: 15pt;
		line-height: 18pt;
		font-family: 'Noto Serif Display', serif;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		text-transform: none;
		text-decoration: none;
		border-color: #888;
		border-style: groove;
		border-radius: 5%;
		}