@import url('https://fonts.googleapis.com/css?family=Raleway');

html,h2,h3,h4,h5,h6,a{
 font-family: "Raleway";
 color: #5D5C61;
}

h1 {
 font-family: "Raleway";
 color: #0000000;
}


body {
	padding: 0;
	margin: 0;
	background: #eeeeee;
}

a {
	color: #557A95;
	font-weight: bold;
}
/*--- navigation bar ---*/

.navbar{ background:#F97300;}

.nav-link , .navbar-brand{ color: #f4f4f4; cursor: pointer;}

.nav-link{ margin-right: 1em !important;}

.nav-link:hover{ background: #f4f4f4; color: #557A95; }

.navbar-collapse{ justify-content: flex-end;}

.navbar-toggler{  background:#fff !important;}

.bg-dark{
	background-color:#343a40!important
}

#more-serverless {display: none;}
#more-devex {display: none;}
#more-ptdd {display: none;}
#more-edu {display: none;}

/*--- profile section --*/

.about {
 margin: 4em 0 2em 0;
 padding: 2em 2em;
 position: relative;
}

.bio {
 padding-top: 2em;
}

.phd-advert {
 border-radius: 8px;
 border: 3px solid #557A95;
 padding: 8px 8px 0 8px;
}

.research, .teaching, .contact {
 margin: 1em 0 1em 0;
 padding: 2em 0 1em 0;
 position: relative;
 border-top:2px solid #bbbbbb;
}

/*.about h1, h2, h3{
 color:#505050;
}*/

.about img{
 height: 100%;
 width: 100%;
 border-radius: 8px;
 border: 2px solid #ddd;
 padding: 8px;
}

.about span{
 display: block;
 color: #888;
 position: absolute;
 left: 115px;
}

p{
 line-height:1.8;
 color:#888;
}