body {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #f6f6f6;


background-image: url("../images/bg.png");


  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
position: relative;
	background-color: black;
}

.fab {
    padding: 0em 0.4em;
    font-size: 2em;

}

.fa:hover {
	opcaity: 0.7;
}

/* Twitter */



#container{
		width: 80%;
		padding-bottom: 3em;
		margin-left: auto;
		margin-right: auto;

}
#header {

	font-family: 'Josefin Sans', sans-serif;
	font-size: 3.5em;
	
	text-align:center;	
	color:white;
	text-shadow: -10px 15px black;
	
	
	padding: 0.5em;
	padding-top:4em;


}

#title {
	font-family: 'Nunito', sans-serif;
	font-size: 2em;
	margin-bottom: -1em;
	margin-top: -1em;
}
#content {
		margin-top: -3em;
		padding: 1%;

		background-color: rgba(0, 0, 0, 0.3);

}

#paragraph {
		padding-left: 2%;
	padding-right: 1%;
	width: 80%;
	font-size: 1.25em;
}

#main {

	padding-left: 2%;
	padding-right: 1%;
	width: 80%;

}

#bodytext {
	text-indent: 2em;
	font-size: 1.25em;
}
#footer {
	clear: both;
	padding: 2%;
	background-color: rgba(0, 0, 0, 0.4);


}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
	color: white;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #c12626;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #ea3737;
}