.nav{
	width:100%;
	background-color:rgba(255,140,203,.6);
	margin:0;
	border-bottom:solid 2px #fff;
}

.nav ul{
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;
	min-height:50px;
	background-color: rgba(255,140,203,.2);
}
.nav li{
	height:50px;
	display:inline;
	margin:1px;

}
.nav a{
	text-decoration:none;
	height:50px;
	color:#fff;
	font-size: 2em;
	padding:10px 20px;
	transition:text-shadow .5s,color .5s;
}
.nav a:hover{
	text-shadow:3px 3px #000;
	color:#77f;
}
#webWorkHead{
	padding:0 10px 5px 10px;
	background-color:rgba(255,140,203,.3);
	margin: 0 0 20px 0;
	border-bottom: solid 2px #fff;
}
#webWorkHead p{
	font-family: 'Noto Sans', sans-serif;
	padding:5px 0 0 0;
	margin: 0;
	font-size: 1.5em;
	text-align:center;
}
a img{
  width:100%;
  padding:0 0 20px 0;
  margin:0;
}
#content{
	margin:0 auto 0 auto;
	padding:0 20px;
	width:70%;
	background-origin: rgba(0,0,255,.1)
}
.footer{
	width:100%;
	margin:0;
	padding:5px;
	background-color:rgba(0,0,0,.4);
}
.footer p{
	font-family: 'Noto Sans', sans-serif;
	margin:10px 0;
	font-size: 1em;
	color:#FFF;
}
body{
	margin:0;
	padding:0;
	background-image: url("images/grey.png");
	background-attachment: fixed;
	background-size: 300px;
}
a{
	font-family: 'Noto Sans', sans-serif; 
}
h1{
	font-family: 'Noto Sans', sans-serif;
	margin:10px 0;
	font-size: 2em;
}
.nav h1{
	font-size:4.5em;
	padding:0 0 10px 20px;
	margin:0;
	font-family:'Shadows Into Light Two', cursive;
	background-color:rgba(0,0,0,.2);
}
p{
	color:#ff1493;
}
h1{
	color:#fff;
}
a{
	color:#fff;
}