@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');

html,
body {
	font-family             : "Noto Sans", sans-serif;
	font-optical-sizing     : auto;
	font-weight             : 400;
	font-style              : normal;
	font-variation-settings : normal;
	height                  : 100%;
	margin                  : 0;
	padding                 : 0;
}

.noto-sans-tmp {
	font-family             : "Noto Sans", sans-serif;
	font-optical-sizing     : auto;
	font-weight             : 500;
	font-style              : normal;
	font-variation-settings : normal;
}

.dh-txt-1 {
	font-family : "Noto Sans", sans-serif;
	font-size   : 1.5rem;
	font-weight : 600;
}

.dh-txt-h1 {
	font-family : "Noto Sans", sans-serif;
	font-size   : 1.5rem;
	font-weight : 600;
}

.dh-head-1 {
	font-family : "Noto Sans", sans-serif;
	color       : #1391ed;
	font-size   : 1.8rem;
	font-weight : 600;
}

.dh-txt-p1 {
	font-family : "Noto Sans", sans-serif;
	font-size   : 1rem;
	font-weight : 500;
}


.dh-txt-ftr1 {
	font-family : "Noto Sans", sans-serif;
	font-size   : 0.9rem;
	font-weight : 500;
}


ul.nav {
	margin        : 0;
	padding       : 0;
	list-style    : none;
	height        : 30px;
	line-height   : 30px;
	background    : #ffffff; /* you can change the backgorund color here. */
	font-family   : "Noto Sans", sans-serif;
	border-bottom : 2px solid white;
	font-weight   : 500;
	font-size     : 1.8rem;
}

ul.nav li {
	float         : left;
	border-bottom : 2px solid white;
}

ul.nav a {
	display         : block;
	padding         : 0 28px;
	color           : #2b2d30;
	text-decoration : none;
	border-bottom   : 4px solid white;
	transition      : 600ms all ease-in;
}

ul.nav a:hover,
ul.nav li.current a {
	color          : #1391ed;
	font-weight    : 500;
	letter-spacing : 5px;
	border-bottom  : 4px solid #e8ec34;
	transition     : 600ms all ease-in;

}