project.xpub.nl/css/pages.css

@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);
}

a#student-page{color:black;}

#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{
	font-size:calc(13px + 1.5vw);
}

a#home {
	font-size:calc(7px + 1.5vw);
	color:black;
	text-decoration:underline;
	text-decoration-color:#0f0;
}

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

#project-link{
	color:black;
}


/*section*/

section#main{
	overflow:auto;
	padding-left:1.5%;
	
}

#galleries{
	padding-top:3%;
}

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

#publist {
	line-height:155%;
}

#galleries a{
	color:black;
}

.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 (max-width: 992px){

#homebttn{
	display:none;
}
/*header*/
#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%;
}
}

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

	
#homebttn{
	background-color:white;
	text-align:right;
	color:black;
	position:absolute;
	top:0;
	right:0;
	margin-right:3%;
	margin-top:0.7%;
	padding:0.3% 0 0.4% 0.3%;
	font-size:calc(7px + 0.6vw);
	z-index:100;
}



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


}


#galleries{
	padding-left:1%;
}

}