a		{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 120%;
    text-align: left;
}
article	{	
	font-family: "Marcellus", "Courier", serif;	
	font-size: 120%;
	color: beige;
}
audio	{
	float:right;
	width: 365px;
}

body	{
    background-repeat: no-repeat;
    background-position: center top;
	background-color:rgb(47, 138, 20);
    text-align: left;
}

h1	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color:white;
	font-weight: normal;
	text-align:left;
}
h2	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 18pt;
    text-align: left;
	height: 1.4em;
	color: white;
	width: 365px;
}
header	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 140%;
	color: white;
	background-image: linear-gradient(74deg, rgba(66, 147, 223, 0.123), rgba(5, 82, 248));
	text-align: left;
    padding-left: 1%;
}
hr{
	height: 40px;
	background-color: beige;
}
html	{
	height: 100%
}
img{
	float:left;
	width: 365px;
	margin-top: 3em;
	opacity: 1;	
}

p	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 100%;
	font-weight: normal;
}
table	{
    border-style: none;
	float: center;
}
td{
    border-style: none;
	background-color: rgba(47, 230, 23, 0.63);
	width: 25%;
}
.k	{
	border-left: 3px solid red;
	border-top: 3px solid red;
}
.l	{
	border-left: 3px solid red;
}
.o {
	border-top: 3px solid red;
}

@media only screen and (min-width: 768px)	{
audio	{
		margin-left: 60%;
		width: 40%;
}
h2	{
		margin-left: 1%;
		text-align: left;
}
header	{
	position: relative;
	margin: auto;
	width: 653pt;
}
p 	{
	width: 653pt;
	position:relative;
	margin: auto;
}
table	{
	position: relative;
	margin: auto;
	width: 653pt;
}

}