article {
	text-align: left;
	margin: 2rem ; 
	padding: 2rem; 
	border: 2px solid black;
}


nav a, nav a:visited {
	display: inline-block;
	color: #FFFFFF;
	padding: 1em 1.25em;
	text-decoration: none;
	transition: background-color 0.5s;
}


nav a {
	width: 100%;
}

nav a.bg-green {
	background-color: rgb(67,249,6);
}

nav a.bg-blue {
	background-color: rgb(101,151,230);
}


nav a.bg-brown {
	background-color: rgb(230,180,101);
}


nav a.bg-purple {
	background-color: rgb(255,0,255);
}


nav a.bg-purple {
	background-color: rgb(150, 50, 255);
}

body {
	font-family: arial;
	font-size: 1em; 
	color: black;
	padding: 1em;
}


.C1 {
	font-family: Impact;
	font-size: 5rem; 
	font-weight: bold;
}

.C2{
	font-family:'Merriweather', serif;
	font-size:4rem;
	font-weight: bold;
}
.C3{
    font-family: Arial;
	font-size:3rem;
	font-weight: bold;
}
.C4{
	font-family: 'Indie Flower';
	font-size:2rem;
	font-weight: lighter;
}

.C5{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1rem;
	font-weight: lighter;
}

h2 {
	font-weight: bolder;
	font-size: 2.5rem; 
}


h2 a {
	font-style: italic;
}

h3 {font-family: Impact;
	font-size: 2rem; 
	font-weight: bold;

}

p, ul, ol {
	font-size: 1.5rem;
	line-height: 1.3em; 
	text-align: left;
}


img {
	height: auto; 
	width: auto;
	max-width: 100%;
	border: 1px solid #000000; 
}

figcaption {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
}


a {
	color: #007FFF; 
}

table, th, td {
    border: 1.5px solid black;
}