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

body {
	xbackground-color: #fdfdfd; /* #ffac81; */
	xbackground-image: linear-gradient(315deg, #ffac81 0%, #ff928b 74%);
	background-image: url(../images/violin-bg-p-t2-r.jpg);
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	xfont-family: 'Josefin Slab', serif;
	font-family: 'Bellefair', serif;
	font-size: 24pt;
	
}
main {
	background-color: #936798f3;
	xbackground-color: #9d52bff3;
	xbackground-color: #6e72fc;
	xbackground-color: #6e72fccc;
	xbackground-color: rgba(110, 114, 252, 90%);
	xbackground-image: linear-gradient(315deg, rgba(110, 114, 252, 10) 0%, rgba(173, 29, 235, 10) 74%);
	border-radius: 15px 15px 0px 0px;
	color: white;
	box-shadow: 3px 3px 42px -18px rgba(0,0,0,0.75);
}
.title-img {
	width: 100%;
	min-width: 300px;
}
#projects .card {
	xbackground-color: #ffac81;
	background-color: #b59fbf
	xbackground-image: linear-gradient(315deg, #ffac81 0%, #ff928b 74%);
}
#projects .card {
	xmin-width: 10em;
	border-color: #562d69;
	border-width: 2px;
}
#project .card .card-text {
	color: black;
	overflow: auto;
}
#projects .card-body a {
	color: #110914;
	display: table; /* prevents weird behaviour at some render widths */
	text-shadow: none;
}
#projects .card-img-top {
	box-shadow: 0 1px 15px #0009;
}

blockquote {
	font-style: italic;
}
main .blockquote-footer {
	color: white !important;
}
#projects .card a:hover {
	text-decoration: none;
	color: #562d69;
	text-shadow: none;
}
#projects a {
	text-decoration: none !important;
}
main a {
	color: #ffacf2;
	text-decoration: underline;
	text-shadow: 1px 1px 3px #2d1636;
}
main a:hover {
	color: #ff94ed;
	text-decoration: underline;
	text-shadow: 1px 1px 3px #2d1636;
}

main p, main form {
	font-size: 20pt;
}

img.profile-photo {
	border: solid black 1px;
	box-shadow: 3px 3px 42px -15px rgba(0,0,0,0.75);
	border-radius: 15px;
	max-width: 100%;
}


p.bio-summary {
	font-size: 24pt;
}


@media (max-width: 576px) {
	.card-body > a {
		display: block !important;
		min-height: 5em !important;
	}
	
}

h1, h2, h3, h4 {
	font-weight: bold;
}