body{
	font-family: sans-serif;
	background-color: white;
}

#toptitle{
	display: none;
}

ul{
	display: flex;
}
ul nav{
	width:  25vw;
	margin-right: 10px;
	flex-direction: column;
	height: 80vh;
	position: fixed;
	background-color: white;
	border-radius: 10px;
	color: black;
}
ul nav ul li{
	list-style: none;
	flex-direction: row;
	width: 10vw;
}

#center{
	width:  60vw;
	margin-left: 10px;
	flex-direction: column;
	margin-left: 27%;
	position: relative;
	background-color: white;
}
.location{
	display: flex;
	width: 25%;
	list-style: none;
	align-content: center;
	justify-content: center;
	margin-left: 40%;
	margin-top: 10%;


}
.location2{
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width:  100%;
	background-color: white;
	color: black;
}
#right{
	display: flex;
	border: none;
	width: 20%;
	background-color: white;
}
.navigation{
	font-family: monospace;
	font-weight: bold;
	display: flex;
	padding-left: 5vw;
	padding-top: 2.5vh;
	padding-bottom: 2.5vh;
}
.navigation:hover{
	background-color: darkgrey;
}
.lefticon{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
}
.lefticon > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.lefticon > a > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.lefticon_twitter{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
	background-color: white;
}
.lefticon_twitter > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.lefticon_twitter > a > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.navtext{
	font-weight: bold;
	font-size: 20px;
	padding-left: 20px;
	margin: 5px;
	color: black;
	align-content: center;
}
.post{
	height: flex;
	list-style: none;
	flex-direction: column;
	padding: 20px;
}
.post_tweets{
	height: flex;
	list-style: none;
	flex-direction: column;
	padding: 20px;
	background-color: white;
	align-items: center;
}
.toplineofpost{
	background-color: lightgrey;
	padding: 0px;
	list-style: none;
	flex-direction: row;
	justify-content: space-between;
	border-radius: 10px;
}
.profilepic{
	width: 50px;
	height: 50px;
	margin: 10px;
	border-radius: 25px;
	overflow: hidden;
}
.profilepic img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.name{
	width: 15vw;
	padding: 15px;
	margin: 10px;
	font-size: 12pt;
}
.time{
	width: 10vw;
	margin: 25px;
	font-size: 12pt;
}

.spacer{

}
.content{
	padding: 20px;
}
.media{
	margin-top: 20px;
	overflow: hidden;
}
.media img{
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.reactionicon{
	width: 20px;
	height: 20px;
	border: solid 1px black;
	margin-left: 20px;
}
.postreactions{
	padding-left: 10px;
}
.links{
	color:black;
	list-style: none;
}
.linkpromo{
	margin-top: 10%;
	margin-left: 10%;
	margin-right: 10%;

}
.linktype{
	list-style: none;
	display: flex;
	padding-right: 5vw;
	padding-top: 5vh;
}
.righticon{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
}
.righticon > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.righticon > a > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
a{
	text-decoration: none;
}
a:visited, a:link {
	color: blue;
}
a:hover{
	color: teal;
}
.navigation .navtext a:visited, .navigation .navtext a:link {
	color: black;
}
.navtext a{
	color: black;
}
.email{
	color: black;

	margin-top: 7px;
}
.leftnav{
display: none;
}
.leftnav li{
	margin: 10px;
}
.rightnav{
display: none;
}
#bigtitle{
	font-family: serif;
}

.date {
	font-family: monospace;
	font-weight: bold;
}
.post_text{
	text-align: left;
	font-family: monospace;
	padding-right: 3vw;
	padding-left: 3vw; 
	font-size: 20px;
	color: black;"
}
.post_small{
	display: none;
}
.post_medium{
	display: none;
}