@charset "utf-8";

html{
	background-image: url("assets/images/guitarInGrass.jpg"); /*Image by Couleur from Pixabay*/
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body{
    padding-top:150px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(202,250,244,0.80);
	color: #513115;
	border-radius: 10px;
}
h1{
	font-family: 'Emilys Candy','Cambria', cursive;
	font-size: 2rem;
	text-align: center;
	border-bottom: 1px solid rgba(11,123,109,1.00);
}
h2, h3, h4{
	font-family: 'Balsamiq Sans', cursive;
	padding:0px;
	margin:0px;	
}
p {
	font-family: 'Raleway', sans-serif;


	line-height: 1.rem;
	line-height: 1.5rem;
}
a:link, a:visited {
	text-decoration: none;
	color: #152736;
}
a:hover, a:active {
	color: #0B7B6D;
	text-decoration: none;
}
header {
    position:fixed;
    top:0px;
    width:960px;
    height:150px;
	display:flex;
	text-align:center;
	flex-direction: column;
    background-color:rgba(202,250,244,0.90);
    border-radius:10px;
}
header h1{
	font-size:2.5rem;
	padding:0px;
	padding-top:10px;
	margin:0px;
	border-bottom:none;
}
header p{
	padding:0px;
	padding-bottom:10px;
	margin:0px;
}
header ul{
	margin:10px;
	padding:0px;
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content:center;
}
header ul li{
	margin: 0px 25px;
	padding: 0px;
	font-size: 1.3rem;
	display: flex;
	flex-basis: 60%;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid rgba(81,49,21,1.00);
}
main {
	margin: 0px;
	padding: 0px;
	padding-bottom: 25px;
	background-color: rgba(205,167,136,0.60);
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 30px;
	border-bottom-width: medium;
}
.backdropDiv{
	background-color: rgba(255,255,255,0.85);
	display: flex;
	flex-direction: column;
	flex-basis: 60%;
	margin:25px;
	padding:25px;
	align-self:flex-end;
}
#welcomeSection {
	background-image: url(assets/images/pixel2013_pixabay.jpg);
}
#welcomeImageDiv {
	background-image: url("assets/images/streetMusicianWithGuitar-600x400.jpg"); /*Image by Miguel Palomino Urdapilleta from Pixabay*/
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	width:900px;
	height:600px;
	display:flex;
	justify-content:flex-end;
}
#aboutImageDiv {
	background-image: url("assets/images/makingGuitar-600x400.jpg"); /*Image by endri yana yana from Pixabay*/
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	width:900px;
	height:600px;
	display:flex;
	justify-content:flex-start;
}
#personalImageDiv {
	background-image: url("assets/images/girlWithGuitarOnTraintracks-900x600.jpg"); /*Image by S. Hermann & F. Richter from Pixabay*/
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	width:900px;
	height:600px;
	display:flex;
	justify-content:flex-end;
}
#myStoryDiv{
	align-self:flex-start;
}
footer {
	margin: 0px;
	padding: 0px;
	padding-bottom: 40px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
footer h1{
	border:none;
	margin:0px
}
footer ul{
	margin-left:0px;
	padding-left:50px;
	padding-right:50px;
	list-style:none;
	display:flex;
	justify-content:center;
}
footer ul li{
	margin-right:50px;
	margin-left:50px;
	display:flex;
	font-size:1.3rem;
	border-bottom:2px solid rgba(81,49,21,1.00);
	flex-basis:20%;
	justify-content:center;
}