html {
	height: 100%;
}
h4{
	color:rgb(208, 45, 88);
	padding: 0px;
	margin: 10px 0px;
}
h1{
	font-family: 'Sora', sans-serif;
	font-weight: 600;
	font-size: 50px;
	padding: 0px;
	margin: 0px;
}
body{
	/*min-height:100vh;*/
	background-color: rgba(10, 0, 0,1);
	padding: 10px 80px;
	color:rgb(136, 136, 136);
	font-family: 'Ubuntu', sans-serif;
	align-content: center;
}

#main-div{
	display: flex;
	/*border: solid 1px white;*/
	width: 100%;
	height: 689px;
	justify-content: center;
}
#side-bar{
	/*display: flex;*/
	/*border: solid 1px red;*/
	max-width: 80px;
	min-width: 80px;
	padding-top: 180px;
}
.ico{
	display: block;
	background-image: none;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: 40px;
	width: 40px;
	height:46px;
	margin: 10px 20px;
}
#avatar{
	display: block;
	/*border: solid 1px green;*/
	background-image: url('images/me-resized.jpg');
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	min-width: 450px;
	min-height: 689px;
	max-width: 450px;
	max-height: 689px;
	position:relative;
}
#info{
	display: block;
	/*border:solid 1px red;*/
	position: absolute;
	left: 0;
	bottom: 0;
	right:0;
}
#content{
	/*border: solid 1px blue;*/
	min-width: 700px;
	max-width: 830px;
	padding: 10px 40px;
	overflow: auto; 
	display: block;
	position: relative;

}
#contact{
	/*border: solid 1px blue;*/
	min-width: 700px;
	max-width: 830px;
	padding: 10px 40px;
	overflow: auto; 
	display: none;

}

.style1{
	background-color: rgb(28, 30, 31);
	margin:40px 0px;
	/*max-height: 600px;*/
}
.slash{
	/*color:white;*/
}

#tag-div{
	margin: 20px 0px;
}

.tag{
	color:rgb(208, 45, 88);
}

.ed-div{
	display: flex;
	justify-content: space-between;
}

.proj-el{
	max-width: 300px;
	/*border:1px solid red;*/
	text-align: center;
	background-color: rgba(33,33,33,0.3);
}

.grid{
	display: flex;
	justify-content: space-evenly;
	margin-top: 20px;
}

.proj-el h4{
	color: inherit;
	font-size: 1.1em;
}

.proj-el span{
	color:rgb(208, 45, 88);
}

#skill-div{
	display: flex;
	/*justify-content: center;*/
}

#skill-div h3{
	color:rgb(208, 45, 88);
}

.skill-el{
	width: 200px;
}

.margin{
	display: block;
	margin:0px 40px;
}

/*------scrol bar------*/


::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(241, 241, 241,0.5);
  /*padding: 2px;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
  	background: rgb(43, 45, 46);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  	/*background: rgba(10, 0, 0,1);*/
} 
/*------scrol bar------*/