html, body{
	margin: 0;
	padding-left: 0;
	font-family: 'Questrial', sans-serif;
	background-image: url(../images/ab.jpg);
	background-position: center;
	background-size: cover; 
	
}

.highlight{
	opacity: .8;
	border-top: 3px solid blue;
}

.read_more{
	text-decoration: none;
	text-align: center;
	font-size: 30px;
	color: #54A2FC;
}

.read_more:hover{
	color: blue;
	border-bottom: 2px solid blue;

}

.txt_brown{
	text-align: center;
	font-size: 18px;
	font-style: italic;
	color: #ac9681;
}

.txt_orange{
	text-align: center;
	font-size: 18px;
	font-style: italic;
	color:#ee8c56;
}

.txt_purple{
	text-align: center;
	font-size: 18px;
	font-style: italic;
	color:#a399bc;
}

.txt_green{
	text-align: center;
	font-size: 18px;
	font-style: italic;
	color: #65a7a6;
}

.txt_baby_blue{
	text-align: center;
	font-size: 18px;
	font-style: italic;
	color: #54A2FC;
}


.bg_red{
	background-color: red;
	width: 33%;
	height:100%;
	display: inline-block;
}


.bg_blue{
	background-color: blue;
	width: 33%;
	height:100%;
	display: inline-block;
}


.bg_green{
	background-color: green;
	width: 33%;
	height:100%;
	display: inline-block;
}


.bg_yellow{
	background-color: yellow;
	width: 33%;
	height:100%;
	display: inline-block;
}

.brown{
	background-color: #ac9681;
}

.orange{
	background-color: #ee8c56;
}

.pruple{
	background-color: #a399bc;
}


.turq{
	background-color: #65a7a6;
}



/* Main page */
nav{
	width: 100%;
	padding-bottom: 40px;
	background-color: white;
}

nav img{
	width: 435px;
	height: 90px;
	margin-left: 50px;
	margin-top: 10px;
}

nav ul li{
	display: inline-block;
	float: right;
	position: relative;
	bottom: 74px;
	right: 93px;
	padding: 29px;
	font-size: 21px;
}

nav ul li a{
	text-decoration: none;
	color:  #54A2FC;
}

nav ul li a:hover{
	opacity: .5;
	border-top: 3px solid blue;
}

header{
	width: 100%;
	height: 500px;
}

header img{
	width: 100%;
	height: 571px;
	position: relative;
	bottom: 60px;
} 



section{
	width: 100%;
	/* height: 400px; */
	/* margin-top: 70px; */
	margin-top: 52px;
	
}

section.intro{
	border: 1px solid white;
	background-color: #F9F1DB ;
	width: 100%;
	height: 200px;

}

h1{
	font-size: 35px;
	text-align: center;
	text-transform: uppercase;
}

.intro_text{
	font-size: 24px;
	text-align: center;
	margin-left: 170px;
	margin-right: 170px;

}

.hobby_image{
	border-radius: 50px;
	background-color: white;
	width: 500px;
	height: 400px;
	margin-left: 200px;
	display: inline-block;
	background-image: url(../images/hobbies.jpg);
}

.hobby_p{
	display: inline-block;
	background-color: white;
	width: 1000px;
	height: 400px;
	vertical-align: top;
	/* 	background-color: #ac9681 ; */

}

.hobby_p p{
	font-size: 30px;
	padding-left: 40px;
}


.food_image{
	border-radius: 50px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: cover;
	width: 500px;
	height: 400px;
	display: inline-block;
	background-image: url(../images/food.jpg);
}

.food_p{
	display: inline-block;
	background-color: white;
	width: 1000px;
	height: 400px;
	vertical-align: top;
	/* background-color: #ee8c56; */
	margin-left: 200px;

}

.food_p p{
	font-size: 30px;
	padding-left: 40px;
}

.cool_image{
	border-radius: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: white;
	width: 500px;
	height: 400px;
	margin-left: 200px;
	display: inline-block;
	background-image: url(../images/cool.jpg);
}

.cool_p{
	display: inline-block;
	background-color: white;
	width: 1000px;
	height: 400px;
	vertical-align: top;
	/* background-color: #a399bc ; */
}


.cool_p p{
	font-size: 30px;
	padding-left: 40px;
}


.personal_image{
	border-radius: 50px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: cover;
	width: 500px;
	height: 400px;
	display: inline-block;
	background-image: url(../images/personal.jpg);
}

.personal_p{
	display: inline-block;
	background-color: white;
	width: 1000px;
	height: 400px;
	vertical-align: top;
	/*background-color: #65a7a6; */
	margin-left: 200px;
}

.personal_p p{
	font-size: 30px;
	padding-left: 40px;
}


footer{
	height: 80px;
	width: 100%;
	background-color: #0265E4;
	border: 1px solid black;
	margin-top: 100px;

}

footer p{
	color: white;
	font-size: 15px;
	text-align: center;
	margin-top: 35px;
}

.blue{
	color: #38D1FF;
}

aside p{
	text-align: center;
	position: relative;
	top: 9px;
}

aside p a:hover{
	color: blue
}

aside p a{
	text-decoration: underline;
	color: black
}



/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */



/* hobbies */

.hobby_section{
	margin: auto;
	width: 50%;
	margin-top: 40px;
	
}

.hobby_div{
	border-radius: 20px;
	background-image: url(../images/hobbies.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	background-color: yellow;
	margin: auto;
	width: 100%;
	height: 375px;
	
}


.hobby_par1{
	background-color: white;
	margin: auto;
	padding: 54px;
	font-size: 22px;
	line-height: 35px;
}

.intro2{
	background-color: #F9F1DB ;
	width: 100%;
	height: 200px;
	margin-top: 0;

}

.hobby_intro{
	font-size: 35px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	/* margin-left: 795px; */
	padding-top: 45px;
}

.hobby_bot_div{
	width: 100%;
	margin: auto;
	height: 250px;

}

.vamp_img{
	border-radius: 20px;
	background-image: url(../images/vamprice.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.kingkiller_img{
	border-radius: 20px;
	background-image: url(../images/kingkiller.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.martian_img{
	border-radius: 20px;
	background-image: url(../images/the-martian.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.hobby_div{
	background-image: url(../images/hobbies.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	margin: auto;
	width: 100%;
	height: 375px;
	
}

/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* favorite foods */

.food_div{
	border-radius: 20px;
	background-image: url(../images/food.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	margin: auto;
	width: 100%;
	height: 375px;
	
}


.wings_img{
	border-radius: 20px;
	background-image: url(../images/wings.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.apple_img{
	border-radius: 20px;
	background-image: url(../images/apple.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.cake_img{
	border-radius: 20px;
	background-image: url(../images/cheese-cake.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} 


/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* about me */

.cool_div{
	border-radius: 20px;
	background-image: url(../images/cool.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	margin: auto;
	width: 100%;
	height: 375px;
	
}

.married_img{
	border-radius: 20px;
	background-image: url(../images/married.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.church_img{
	border-radius: 20px;
	background-image: url(../images/church.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bball_img{
	border-radius: 20px;
	background-image: url(../images/bball.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.gloves_img{
	border-radius: 20px;
	background-image: url(../images/gloves.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}  


/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* personal */

.personal_div{
	background-image: url(../images/personal.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	margin: auto;
	width: 100%;
	height: 375px;
	border-radius: 20px;
	
}
.me_img{
	border-radius: 20px;
	background-image: url(../images/me.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.church_img{
	border-radius: 20px;
	background-image: url(../images/church.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.lich_img{
	border-radius: 20px;
	background-image: url(../images/lich.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.wed_img{
	border-radius: 20px;
	background-image: url(../images/wed-hands.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}  



/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* contact me */

.pic_me img{
	object-fit: cover;
	float: left;
	width: 28%;
	height: 200px;
	margin-right: 20px;
	border-radius: 70px;
	border: 5px solid #f9f1db;
}

.contact_div{
	padding: 100px;
}

.section_contact{
	display: inline-block;
	width: 48%;
	margin-left: 90px;

}

.article_contact{
	width: 40%;
	display: inline-block;
	vertical-align: top;
}

form{
	width: 100%;
	font-size: 20px;
	padding-left: 93px;
	padding-top: 40px;
	margin-top: 20px;
	height: 567px;
}

.row{
	width: 49%;
	display: inline-block;
}

.row input{
	width: 85%;
	height: 30px;
}

label{
	display: block;
	line-height: 40px;
}

.msg textarea{
	width: 186%;
	height: 145px;
	resize: none;
}

.submit input{
	width: 146px;
	height: 50px;
	background-color: #f9f1db;
	margin-left: 263px;
	margin-top: 50px;
	margin-bottom: 20px;

}

.submit input:hover{
	opacity: .6;
}

.sect{
	vertical-align: top;
	display: inline-block;
	width: 19%;
	text-align: center;
	border: 5px solid #f9f1db;
	margin-left: 84px;

}


.remove{
	list-style-type: none;
}

.remove li a{
	font-size: 20px;
	text-decoration: none;
}

.font_size{
	font-size: 21px;
	/* line-height: 27px; */
	margin-top: 0;
	line-height: 40px;
}

.siz{
	font-size: 32px;
	font-family: 'Questrial', sans-serif;
	font-weight: bold;

}



/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* Responsive css */

@media only screen and (max-width: 375px) {

	html, body {
		overflow: overlay;
		background-image: url(none);
	}


	nav img {
		width: 223px;
		height: 90px;
		position: relative;
		bottom: 18px;
		margin-left: 76px;
	}

	nav ul li {
		bottom: 43px;
		right: 36px;
		padding: 10px;
		font-size: 8px;
	}

	header img {
		height: 400px;
	}

	section.intro {
		margin-top: -160px;
	}

	.intro_text {
		font-size: 15px;
		text-align: center;
		padding: 10px;
		margin-left: 0;
		margin-right: 0;

	}

	/* index hobbies */

	.hobby_image {
		border-radius: 0; 
		background-color: white;
		width: 100%;
		height: 305px;
		margin-left: 0;
		display: block; 
		background-image: url(../images/hobbies.jpg);
	}

	.hobby_p {
		display: block; 
		background-color: white;
		width: 100%; 
		vertical-align: bottom; 

	}

	.hobby_p p {
		font-size: 19px;
		padding-left: 15px;
	}


	/* index food */

	.food_p {
		display: block; 
		background-color: white;
		width: 100%; 
		vertical-align: bottom; 
		margin: 0;
		position: relative;
		top: 325px;
	}

	.food_p p {
		font-size: 19px;
		padding-left: 15px;
	}

	.food_image {
		border-radius: 0; 
		background-color: white;
		width: 100%;
		height: 305px;
		margin-left: 0;
		display: block; 
		background-image: url(../images/food.jpg);

		bottom: 450px;
		position: relative;
	}

	/* index cool */

	.cool_image {
		border-radius: 0; 
		background-color: white;
		width: 100%;
		height: 305px;
		margin-left: 0;
		display: block; 
		background-image: url(../images/cool.jpg);
	}

	.cool_p {
		display: block; 
		background-color: white;
		width: 100%; 
		vertical-align: bottom; 
		margin-top: 64px;
	}

	.cool_p p {
		font-size: 19px;
		padding-left: 15px;
	}

	.personal_p {
		display: block; 
		background-color: white;
		width: 100%; 
		vertical-align: bottom; 
		margin: 0;
		position: relative;
		bottom: -320px;
	}


	.personal_image {
		border-radius: 0; 
		background-color: white;
		width: 100%;
		height: 305px;
		margin-left: 0;
		display: block; 
		background-image: url(../images/personal.jpg);
		bottom: 450px;
		position: relative;
	}

	.personal_p p {
		font-size: 19px;
		padding-left: 15px;
	}

	footer {
		margin-top: 70px;
	}

	footer p {
		font-size: 10px;
	}




	/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* page: Hobbies */


.intro2 {
	margin-top: -32px;
}

.intro_text {

	padding: 0px; 

}

.hobby_section {
	width: 100%;
}

.hobby_div {
	border-radius: 0; 

}

.hobby_par1 {
	padding: 28px;
	font-size: 15px;
	line-height: 30px;

}

.vamp_img {
	height: 95px;
	width: 32%;
	border-radius: 0; 
	margin-left: 4px;

}

.kingkiller_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}

.martian_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}

.hobby_bot_div {
	height: 105px;

}



	/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* page: Favorite Foods */


.food_div {
	border-radius: 0;

}

.wings_img {
	height: 95px;
	width: 32%;
	border-radius: 0; 
	margin-left: 4px;
}

.apple_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}

.cake_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}



/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* page: Something Cool */


.cool_div {
	border-radius: 0;

}



.church_img {
	height: 95px;
	width: 32%;
	border-radius: 0; 
	margin-left: 4px;
}

.bball_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}

.gloves_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}



/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* page: Personal */


.personal_div {
	border-radius: 0;
}

.lich_img {
	height: 95px;
	width: 32%;
	border-radius: 0; 
	margin-left: 4px;
}

.married_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}

.wed_img {
	height: 95px;
	width: 32%;
	border-radius: 0;
}


/*
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
==========================================================================================
========================================================================================== */

/* page: Contact */

.section_contact {
	display: block; 
	width: 100%;
	margin-left: 6px;
}

.font_size {
	padding: 28px;
	font-size: 15px;
	line-height: 30px;
}

.article_contact {
	width: 100%;
	display: block; 

}

form {
	width: 100%;
	font-size: 15px;
	padding-left: 16px;

}

.row {
	width: 48%;
}

.submit input {
	margin-top: 32px;
	margin-left: 108px;
	
}

.sect {
	width: 70%;
	margin-left: 54px;
}




}