@import url("main.css");

body{
	color:black;
}

#wrapper {
	background-color:white;
}

/*header*/

#project-title {
	font-size:calc(17px + 1.5vw);
	line-height:135%;
	margin-bottom:1%;
}

#student-name {
	margin-bottom:0;
	font-weight:normal;
	font-size:calc(10px + 0.6vw);
}

#hleft-text{
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:1%;
	box-sizing:border-box;
	cursor:default;

}

#ihtp{

	margin-top:3%;
	width:80%;
	color:black;
}

#about-student{
	width:95%;
	color:#2f2f2f;
	font-size:calc(8px + 0.5vw);
	line-height: 130%;
	font-style:italic;
}

hr{
	width:50%;
	color:#ccc;
}

a#show{
	color:black;
}

#project-link{
	color:black;
}


/*section*/

section#main{
	overflow:auto;
	
}

#galleries{
	padding-top:3%;
}

.gal-title{
	font-size:calc(12px + 0.7vw);
}

#publist {
	line-height:155%;
}

#publication a{
	color:black;
}

#publication a:hover{
	text-decoration-color:#f3ca1b;
}

.workimg{
	max-width: 47%;
  	height: auto;
	padding: 0.5% 0.5% 0.5% 0;
}

@media all and (min-width: 600px) and (max-width: 720px){

	#about-student{
	font-size:calc(8px + 1.7vh);
	line-height:130%;
}

}

@media all and (min-width: 720px) and (max-width: 992px){


/*header*/

#about-student{
	font-size:calc(10px + 1.7vh);
	line-height:130%;
}
}

@media all and (max-width: 600px){


/*header*/

#about-student{
	font-size:calc(7px + 1.5vh);
	line-height:130%;
}
}

@media all and (min-width: 922px){

section#main{
	width:74%;
	left:26%;


}

#galleries{
	padding-left:1%;
}

}

@media all and (max-width: 992px){

#sub{
	width:30%;
	padding-right:5%;
	white-space:normal;
}

#student-name{
	text-align:right;
	line-height:125%;
}

#ihtp, #about-student{
	color:white;
}

#getback {
	padding-bottom:5%;
}
}