body{
	font-family: 'Space Mono', serif;
}

.header h1 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
   white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .11em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end);
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}


.header{
	padding: 15px;
	text-align: center;
	font-family: 'Space Mono', serif;
	font-weight: 100;
}

.header h1 a{
	font-size: 50px;
	text-decoration: none;
	color: black;
	margin-top: 25px;
	text-align: center;

	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}


.p1 a{
opacity: .6;
color: #7a9dbf;
}

	

.gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1px;
}

.item img{
	flex-basis: 15%;
	max-width: 100%;
	max-height: 100%;
	padding: 1px;
	border: 1px solid black;
}


.Me{
	text-align: center;

}

.list1 a{
	text-decoration: none;
	color: black;
}
.p1{
	font-size: 20px;
	font-family: 'Space Mono', sans-serif;
	color: black;
	font-weight: 900;
	width: 45% !important;
	
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}

.p2{

	padding-left: 30px;
	text-align: left;
	font-size: 30px;
	font-family: 'Space Mono', sans-serif;
	color: black;
	font-weight: 900;

	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
}




.navbar{
overflow: hidden;
font-family: 'Space Mono', serif;
}

.navbar a{
	float: left;
	display: block;
	text-align: center;
	padding: 14px 20px;
	text-decoration: none;
	color: black;
	font-size: 20px;
}

.navbar a.right{
float: right;
}

.navbar a:hover{
color: #7a9dbf;
}



.list1{
	text-align: left;
	font-size: 23px;
	color: black;


}

.list2{
	text-align: left;
	font-size: 23px;
	color: black;


}