body {
	font-family: 'Poiret One', cursive;
	margin: 0px;
	background: url("/5a89cbab36d71bf14ff06cb23178f2334646139a/2a488/images/desk.jpg");
	background-size: cover;
	color: white;
}

header {
	width: 15vw;
	height: 55vh;
	background: rgba(8,14,76,.5);
	margin: 0px;
	padding: 6px;
	position: absolute;
	box-shadow: 2px 1px 2px black;
}

header h1{
	margin: 0px;
	font-size: 20pt;
	letter-spacing: 8px;
	text-align: right;
	text-shadow: 3px 2px 3px black;
}

.letter {
	font-size: 30pt;
}

#tagline {
	font-size: 10pt;
/*	color: rgb(24,42,227);*/
/*	color: rgb(99,102,133);*/
	color: lightgrey;
	text-align: right;
}

.mainmenu ul {
	list-style: none;
}

a {
	text-decoration: none;
}

a:visited {
	color: darkgrey;
}

.menuit {
	font-size: 16pt;
	text-align: right;
	margin: 3vh 0vw 3vh;
	letter-spacing: 1vh;
	background-color: rgba(125,125,125,.7);
	text-shadow: 2px 1px 2px black;
}

/*Blog*/
.blogcontainer {
	width: 80vw;
	height: 100vh;
	position: absolute;
	top: 0%;
	left: 18%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	background: rgba(2,5,31,.95);
	overflow: hidden;
	box-shadow: 2px 1px 2px black;
}

.blogpost {
	height: 250px;
	width: 250px;
	border-radius: 20%;
	margin: 2vh;
	box-shadow: 2px 1px 2px black;
	overflow: hidden;
}

.postcover {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	border-radius: 20%;
	background: rgba(2,5,31,.15);
}

.posttitle {
	background-color: rgba(125,125,125,.7);
	padding: 5px;
	border-radius: 5%;
}

.postblurb {
	text-align: center;
	background-color: rgba(125,125,125,.7);

}


#post1 {
	background: url("/images/15055e96e51cc16a34ce7ae054d8930aedc41499/postimg1.jpeg");
	background-size: cover;
	background-position: center;
}

#post2 {
	background: url("/images/9ccf6622a39e76dabaaed38c722fc0325829e39c/postimg2.jpeg");
	background-size: cover;
	background-position: center;
}

#post3 {
	background: url("/b4bfbd095c2df785c092234f48d1b41872b8b09a/0cb4d/images/postimg3.jpg");
	background-size: cover;
	background-position: center;
}

#post4 {
	background: url("/images/95615616ec325db97cb926e4214af9255c4b0f6f/postimg4.jpg");
	background-size: cover;
	background-position: center;
}

#post5 {
	background: url("/images/688789b587d9ece8517d9096ca0653777c9b5a6d/postimg5.jpeg");
	background-size: cover;
	background-position: center;
}

#post6 {
	background: url("/images/69685f8a039784ad0e0fb19730c200fe94d2b6d9/postimg6.jpg");
	background-size: cover;
	background-position: center;
}


/*Individual Blog Post */

.indblog {
	margin: 0px;
}

.indpostcontainer {
	position: absolute;
	height: 100vh;
	width: 70vw;
	top: 0%;
	left: 20%;
	background: rgba(2,5,31,.85);
	overflow: scroll;
}

.indpost {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: 95%;
}

.indpostimg {
	height: 300px;
	width: 300px;
	border-radius: 20%;
	box-shadow: 2px 1px 2px black;
}

.indposttitle {

}

.indpostcontent {
	margin-top: 0px;
	text-align: center;
	font-size: 14pt;
	padding: 5%;
}

.comments {
	background-color: rgba(125,125,125,.7);
	height: 500px;
	width: 600px;	
}

.collage1 {
	filter: grayscale(60%);
	position: absolute;
	top:1%;
	left: 70%;
	height: 250px;
	width: 350px;
}

.profilepic {
	height: 250px;
	width: 250px;
	position: absolute;
	top: 30%;
	left: 25%;	
}

.maindivtext {
	background: rgba(8,14,76,.75);
	width: 350px;
	height: 120px;
	position: absolute;
	top: 55%;
	left: 47%;
	padding: 10px;	
}