/*

    .___   
  __| _/____    ____ _____   
 / __ |\__  \  /    \\__  \  
/ /_/ | / __ \|   |  \/ __ \_
\____ |(____  /___|  (____  /
     \/     \/     \/     \/   Design Meets Art.
 
 */

body {
	text-align: center;
	margin: auto;
}

.design-insp {
	background: yellow no-repeat fixed center;
		background: linear-gradient(to right, yellow, orange) no-repeat fixed center;
		background: -moz-linear-gradient(to right, yellow, orange) no-repeat fixed center;
		background: -o-linear-gradient(to right, yellow, orange) no-repeat fixed center;
		background: -webkit-linear-gradient(to right, yellow, orange) no-repeat fixed center;	
}
.my-name {
	background: yellow no-repeat fixed center;
		background: linear-gradient(to right, cyan, green) no-repeat fixed center;
		background: -moz-linear-gradient(to right, cyan, green) no-repeat fixed center;
		background: -o-linear-gradient(to right, cyan, green) no-repeat fixed center;
		background: -webkit-linear-gradient(to right, cyan, green) no-repeat fixed center;	
}

.my-back {
	background: yellow no-repeat fixed center;
		background: linear-gradient(to right, orange, yellow) no-repeat fixed center;
		background: -moz-linear-gradient(to right, orange, yellow) no-repeat fixed center;
		background: -o-linear-gradient(to right, orange, yellow) no-repeat fixed center;
		background: -webkit-linear-gradient(to right, orange, yellow) no-repeat fixed center;	
}

.design-object {
	background: yellow no-repeat fixed center;
		background: linear-gradient(to right, red, pink) no-repeat fixed center;
		background: -moz-linear-gradient(to right, red, pink) no-repeat fixed center;
		background: -o-linear-gradient(to right, red, pink) no-repeat fixed center;
		background: -webkit-linear-gradient(to right, red, pink) no-repeat fixed center;	
}

.no-design-object {
	background: yellow no-repeat fixed center;
		background: linear-gradient(to right, cyan, magenta) no-repeat fixed center;
		background: -moz-linear-gradient(to right, cyan, magenta) no-repeat fixed center;
		background: -o-linear-gradient(to right, cyan, magenta) no-repeat fixed center;
		background: -webkit-linear-gradient(to right, cyan, magenta) no-repeat fixed center;	
}

.my-ascii {
	background: yellow no-repeat fixed center;
		background: linear-gradient(to right, cyan, orange) no-repeat fixed center;
		background: -moz-linear-gradient(to right, cyan, orange) no-repeat fixed center;
		background: -o-linear-gradient(to right, cyan, orange) no-repeat fixed center;
		background: -webkit-linear-gradient(to right, cyan, orange) no-repeat fixed center;	
}

h1 {
	font-family: "helvetica", ariel;
	color: blue;
	font-size: 150pt;
}

.design-one {
	font-family: "helvetica", ariel;
	color: blue;
	font-size: 60pt;

}

.design-two {
	font-family: "helvetica", ariel;
	color: green;
	font-size: 36pt;
}

ul {
	list-style-type: none;
	text-align: center;
	font-size: 2vw;
	
}

li {
	display: inline-block;
	margin: 0 0.5vw;
}

li a:link {
	text-decoration: none;
}

li a:hover {
	background-color: lightgreen;
	text-decoration: underline;
}
.current-page {
		background-color: darkblue;
		color: yellow;
		text-decoration: underline;
	}