/*

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


*{
	margin: 0;
	padding: 0;
}

/*body colors*/

.canvas {
	width: 100vw;
	height: 100vw;
	background: linear-gradient(#5b7b26, 75%, lavender) no-repeat fixed center;
	background: -moz-linear-gradient(#5b7b26, 75%, lavender) no-repeat fixed center;
	background: -o-linear-gradient(#5b7b26, 75%, lavender) no-repeat fixed center;
	background: -webkit-linear-gradient(#5b7b26, 75%, lavender) no-repeat fixed center;	
}


.canvas-two {
	width: 100vw;
	height: 100vw;
	background: linear-gradient(royalblue, 60%, lavender) no-repeat fixed center;
	background: -moz-linear-gradient(royalblue, 60%, lavender) no-repeat fixed center;
	background: -o-linear-gradient(royalblue, 60%, lavender) no-repeat fixed center;
	background: -webkit-linear-gradient(royalblue, 60%, lavender) no-repeat fixed center;	
}

h1{
	color: white;
	text-align: center;
	font-size: 5vw;
	margin-top: -2vw;
	font-family: comic sans MS;
}

h2{
	color: white;
	text-align: center;
	font-size: 2vw;
	font-family: comic sans MS;
	margin-top: -1.5vw;
}

figcaption{
	text-align: center;
	font-family: comic sans MS;
	font-size: 1.7vw;
}


/*wireframe sections*/

section{
	width:100vw;
	text-align: center;
 }

fieldset {
  border: .55vw solid transparent; 
  border-color: black;
  padding: .3vw; 
  display: inline-block;
  margin-top: 0vw;
}

fieldset#lw{
	margin: 0;
}

fieldset#tw {
	margin: 0;
}

fieldset#mw {
margin: 0;
}


legend{
	color: white;
	font-family: comic sans MS;
}

a:link {
	color:red;
}

a:visited {
	color:red;
}

section#separator {
	width: 100vw;
	height:10vw;
}


/* top nav*/

nav#frame {
	width: 100%;
	height: 7.5vw;
	margin-top: 1.2vw;
}

ul#fram {
	
	list-style-type: none;
	text-align: center;
	font-size: 2vw;
	font-family: "comic sans MS";
}

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

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


li a:hover {
		text-decoration: none;
		background-color: magenta;
}

.current-page {
		color: white;
		text-decoration: underline;
}

li a:visited {
	color: white;
}	


/*in page links*/


nav#stack {
	height: 17vw;
	margin-top: .8vw;
}

ul#track {
	list-style-type: none;
	text-align: center;
	font-size: 8vw;
	font-family: "comic sans MS";
}

button {
	width: 12vw;
	height: 12vw;
	border: .3vw solid purple;
	background-color: red;
	border-radius: 100%;
	margin-bottom: 1vw;
	font-family: "comic sans MS";
	font-size: 2vw;
	color:white;

}

button:hover {
	background-color: blue;
	border-color: black;
}


li#tack {
	display: inline-block;
	margin: 0 1.4vw;
	font-size: 2vw;
}

li#tack a:link {
	text-decoration: none;
	color: white;
	
}

li#tack a:hover {
	text-decoration: none;

}

li#tack a:visited {
	color: white;
}