/*  html styles */
* {
	box-sizing: border-box;
}

b, strong { 
	font-weight: bold;
 }

html, body {
	background-image: url("../images/hearts2.jpg");
	font-family:sans-serif;
	margin:auto;
	line-height: 1.3;
}

/* header styles */
header {
	text-align: center;
}

/* header */
img.header {
	width: 90%;

}

/* section element with links - styles */
.about {
	background-color: rgba(176, 129, 121, 0.80);
	margin:0px;
	
}
.work {
	background-color: rgba(153, 76, 175, 0.75);
	margin:0px;
}
.contact {
	background-color: rgba(93, 168, 175, 0.80);
	margin:0%;
}
.other {
	background-color: rgba(176, 94, 126, 0.80);
	margin:0%;
	bottom: 2%;
}
.biglink {
	
	width:60%;
}

/* About Me Image - me */
img.me {
	width: 20%;
	border-radius: 10px;
	float:right;
}
ul.nav>li {
	display: block;
	border-radius: 20px;
	width: 95%;
	margin-bottom:1%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

td.coollinks {
	padding: 1% 0;
}

td {
	padding-right: 1%;
}

.links {
	width:100%;
}

/* Styling article element */
article {
	background-color: rgba(250, 244, 253, .80);
	border-radius: 20px 20px 0 0 ;
	padding-left: 3%;
	padding-top: 1%;
	padding-right:5%;
	padding-bottom: 1%;
	width: 100%;
	
}
/* links */
a:link {
	color:white;
}

a:active {
	background-color: #f2e5ff;	
}

a:visited {
	color:white;
}

a.aboutlinks:link {
	color:rgb(204, 0, 153);
}

a.aboutlinks:visited {
	color: purple;
}

.coollinks a:link {
	display: block;
	padding: 4%;
	text-decoration: none;
	background-color: rgba(190, 140, 193, 0.80);
	border-radius: 3px 3px 0 0 ;
	width: 99%;
}
.coollinks a:active {
	background-color: #d9b3ff;
}


ul.nav a {
	display: block;
	padding: 5%;
	text-decoration: none;
}

/* P element styling... */
p {
	padding-top: 2%;
	padding-bottom:2%;
}
/* Styling for My Work Table */
img.workpic {
	width:100%;
	border-right: 1px solid pink;
	border-left: 1px solid pink;
	background-color: rgba(218, 182, 207, 0.15);
}

/* image headings in article styles */
.headings {
	
	width:30%;
}

	/* footer Styles */
footer {
	color:grey;
	background-color: #55136C;
	padding-right:5%;
	padding-left: 3%;
	width: 100%;
	
	text-align:center;
	position:relative;
	bottom:0;
}

.foottag {
	padding-bottom:6%;
	padding-top:6%;
}
.foottag2 {
	padding-bottom:1%;
	
	
}	

}