body
{
	background: url("../img/1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	margin: 0;
}
/*Navs*/
.navbar
{
	position: fixed;
	background-color: lightblue;
	width: 100%;
	height: 30px;
	padding-top: 1%;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.navs
{
	color: black;
	font-size: 20pt;
	text-decoration: none;
	margin-left: 2%;
}
/*Home Page*/
.homepage
{
	height: 864px;
	padding-top: 70px;
}

.hi
{
	margin-top: 36%;
	text-align: center;
	font-weight: bold;
}

.skills
{
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
}

/*About Page*/
#about
{
	background: url("../img/");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	/*height: 1300px;*/
	padding-top: 80px;
}

.aboutme
{
	font-weight: bold;
	text-align: center;
}

.intro2
{
	font-size: 16pt;
	text-align: center;
	margin-left: 6%;
	margin-top: 5%;
}
.basicinfo
{
	font-weight: bold;
	text-align: center;
	margin-top: 5%;
}
.info
{
	font-size: 15pt;
	margin-left: 10%;
	margin-top: 5%;
}
.info2
{
	display: block;
}
/*Boostrap Class*/
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.img-thumbnail
{
padding:.25rem;
background-color:
#fff;
border:1px solid #dee2e6;
border-radius:.25rem;
max-width:100%;
height:auto
}

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

/*Gallery Page*/
#gallery
{
	background: url("../img/");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding-top: 70px;
}

.img-gallery
{
	width: 260px;
	height: 160px;
}

.gal
{
	font-weight: bold;
	text-align: center;
}

.album
{
	margin-left: 40%;
	margin-top: 8%;
}
.album img
{
	transition: 1s;
	padding: 15px;
}

.album img:hover
{
	transform: scale(1.1);
}

.albumtitle
{
	margin-left: 11%;
}

/*Contact*/
#contact
{
	background: url("../img/");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	height: 864px;
	padding-top: 70px;
}

.contactme
{
	font-weight: bold;
	text-align: center;
}

.contactinfo
{
	margin-left: 3%;
	margin-top: 18%;
}

#logo
{
	width: 20px;
	height: 20px;
}

.note
{
	margin-left: 5%;
	margin-top: 10%;
}

/*Gallery Page*/
 .gallerytitle
{
	text-align: center;
	padding-top: 70px;
}

.gallery_pics
{
	margin-left: 10%;
	margin-top: 10%;
	float: left;
}

.gallery_pics img
{
	transition: 1s;
	padding: 15px;
}

.gallery_pics img:hover
{
	transform: scale(1.1);
}