@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Noto+Serif:wght@400;600&display=swap');

body { font-family: 'Noto Serif', serif; }

h1, h2, h3 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

h1 { font-size: 2.5rem; line-height: 1.2; }
h2 { font-size: 2rem; line-height: 1.3; }
h3 { font-size: 1.5rem; line-height: 1.3; }

p { margin-bottom: 1rem; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.custom-navbar {
	font-family: 'Noto Serif', serif;
	background-color: #121212 !important;
}

.custom-navbar .navbar-brand {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	color: #F2F2F2 !important;
}

.custom-navbar .nav-link {
	font-family: 'Noto Serif', serif;
	font-weight: 400;
	color: #F2F2F2 !important;
	transition: color 0.3s ease;
}

.custom-navbar .nav-link:hover,
.custom-navbar .nav-link:focus {
	color: #ED1C24 !important;
}

.custom-navbar .nav-link.active {
	font-weight: 600;
	color: #ED1C24 !important;
}