@font-face {
/*End User License Agreement
Creative Commons Free Font License

This typeface is free for personal and commercial use. You are free to copy and transmit this typeface. You may not alter, transform, or build upon this typeface. Jan Fromm is not liable for any damage resulting from the use of this typeface.

This typeface is licensed under Creative Commons CC BY-ND, Version 3.0 
http://creativecommons.org/licenses/by-nd/3.0/

January 2018
Demetra Skl
demetraskl.com*/
  font-family: 'DSkl';
  src: url('DSkl.ttf');
}

body {
  font-family: 'DSkl';
}

a {
    color: black;
}

p {
	font-size: 14px;
}



/*Header Styling*/

.page-header {

    /*padding-bottom: 9px;*/
    margin: 30px 0 20px;
    border-bottom: 1px solid #eee;
}


#apps-link,
#projects-link,
#home-link {
	display: flex;
	text-decoration: none;
}

.hd-icon {
	margin-right: 5px;
}

/*Styling of index.html*/

.profile-background {
	justify-content: center;
}

.profile-pic {
	border-radius: 50%;
	width: 170px;
}

/*Styling of projects.html*/


.form-inline {
	display: flex;
	justify-content: center;
	/*align-content: flex-start;*/
	flex-wrap: wrap;
}

.recProjects {
	background-color: #F2F3F1;
}

.mlProjects {
	background-color: #F2F3F1;
}

.project {
	width: 24%;
	border-radius: 10%;
	padding: 1%;
	display: flex;
	align-self: flex-start;
	justify-content: center;
	flex-wrap: nowrap;

}

@media screen and (max-width: 1000px) {
	.project {
		width: 49%;
	}
}

@media screen and (max-width: 765px) {
	.project {
		width: 90%;
	}
}

#projectImg {
	border-radius: 10%;
}


#rec2ProjectImg {
	border-radius: 10%;
}

#recProjectImg {
	border-radius: 10%;
}

#mlProjectImg {
	border-radius: 10%;
}

#ugProjectImg {
	border-radius: 10%;
}

#projectImg_demo {
	border-radius: 10%;
}


#projectImg_demo:hover {
	border: solid #7BD146 5px;
}


.projectDtls {
	/*border: solid;*/
}

.srcCode {
	text-align: right;
}

/*Styling wineglass.html*/

.abstract {
	padding-right: 5%;
	padding-left: 5%;
	text-align: justify;
}

.lnks a {
	color: #F19F2F;
}

/*Styling fluidflow.html*/

.vid_title {

}

/*Styling rgb.html*/

.rgb_prjct {
	width: 19%;
	border-radius: 10%;
	padding: 2%;
}

#rgbProjectImg {
	border-radius: 10%;
}

#rgbProjectImg:hover {
	border: solid #F4E231 5px;
}

@media screen and (max-width: 785px) {
	.rgb_prjct {
		width: 90%;
	}
}