body {
	background-color: #0F031A;
}

            h1 {
                color: #CC99FF;
            }
			
            h2,
            h3 {
                color: #ED64F5;
            }

            h1 {
                font-size: 30px;
            }
			
			h2 {
                font-size: 26px;
            }
			
			h3 {
                font-size: 22px;
            }
			
			p {
				font-size: 20px;
				color:#FFFFFF;
			}
			
			h4 {
				font-size: 14px;
			}
			
			a {
				font-size: 22px;
				font-weight:bold;
				color:#CC00FF;
			}
			
			img {
				border-radius: 10px;
			}
			
			iframe {
				border-radius: 20px;
				margin-left:60px;
			}
			
			blockquote {
				font-size: 24px;
				color:#FF99FF;
				font-style:italic;
			}

/******* Relearning Div Layers *******/

#navbar{
	position:sticky;
	top: 0;
	max-width:1400px;
	margin:0 auto;
	min-height: 70px;
	background-color:#601C84;
	border-radius:35px;
	font-family: Roboto, Arial, sans-serif;
	line-height:1.5;
	vertical-align:middle;
	z-index:20;
}

#header{
	width: 96%;
	margin: 0 auto;
	min-height: 250px;
	background-color:#6600CC;
	background-image:url(images/magentaSpace.png);
	border-radius:15px 50px;
	z-index:10;
}

#headerText{
	font-family: Roboto, Arial, sans-serif;
	width: 94%;
	margin: 0 auto;
	padding:10px;
}

#articleHolder{
	font-family: Roboto, Arial, sans-serif;
	width: 96%;
	margin: 20px auto;
	height: auto;
	background-color:#43256E;
	background-image:url(images/gradient.jpg);
	background-size:cover;
	border-radius:50px 15px;
	z-index:10;
}

#article{
	font-family: Roboto, Arial, sans-serif;
	width: 94%;
	margin: 0 auto;
	padding:10px;
}

#siteHolder{
	max-width:1200px;
	margin: 20px auto;
	font-family: Roboto, Arial, sans-serif;
	z-index:2;
}