.html { 
	
	margin-left: calc(100vw - 100%); 
	font-size: 100%;

}

.title{
	z-index: -100;

	animation:fadeIn 2s;

	font-family:'Montserrat', sans-serif;

	width:60%;

	position: relative;
	top:300px;

	font-size: 60px;

	margin: 0 auto;

}

@keyframes fadeIn{

	from{

	opacity: 0;

	}	
	
	to{
	
	opacity: 1;
	
	}
	
}

body{

	overflow-x: hidden; 

}
ul{
	
	list-style-type: none;
 	margin: -8px;
  	padding: 10px;
	width: 100%;

	background-color: #383838;
	color: white;
	white-space: nowrap;

}
ul li{
	
	display: inline-block;
	width: 15%;


}
.header{ /* menu container*/

	text-align: center;
	position: fixed;
	z-index: 2;
	width: 100%;
	margin: top 10px;
	z-index: 100;
}
ul li a{

	color:white;
	padding: 10px 25%;
	text-decoration: none;
	font-family:'Montserrat', sans-serif;
	
}
ul li a:hover{

	color:black;
	padding: 10px 25%;
	text-decoration: none;
	font-family:'Montserrat', sans-serif;
	background-color: white;

}
p{

	margin-right: 20%;
	margin-left: 20%;
	font-family:'Lora', serif;
	font-size: .9vw;
	word-spacing: 5px;
	justify-content: center;

	
}
.line{

	width: 60%;
	z-index: -1;

}
@media screen and (max-width: 1375px){

	ul{

		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		flex-direction: column;

	}
	ul li{
	
		padding: 3% 20%;
	
	}
	ul li a:hover{

	padding: 10% 20%;
	color:black;
	text-decoration: none;
	font-family:'Montserrat', sans-serif;
	background-color: white;

	}
	.welcome{

	font-size: 8vw;
	z-index: 1;
	}
	.title{

		font-size: 2rem;

	}
	p{

		margin-right: 20%;
		margin-left: 20%;
		font-family:'Lora', serif;
		font-size: 2vw;
		word-spacing: 2px;
		justify-content: center;
		
	}
	pre{

		margin-right: 20%;
		margin-left: 20%;
		font-size: 1.8vw;

	}
	.header{

		position:relative;

	}

}
h2{

	font-family:'Montserrat', sans-serif;
	position: relative;
	margin-left: 20%;
	margin-right: 20%;

}
.page-content{


	position:relative;
	top: 450px;

}
#follow{

	text-align: center;
	padding-bottom: 5%;

}
#date{

	font-family:'Montserrat', sans-serif;
	position: relative;
	font-size: 1.6vw;
	left: 20%;

}
pre{

	margin-right: 20%;
	margin-left: 20%;
	font-size: .8vw;

}