@charset "UTF-8";
/* CSS Document */

header { 
	
	border-style: none;
	width: 100%;
	top: 100px;
	padding: 1.5em;
	position: absolute;
	background-color: #8FD2F7;

}

.nav {
	align-content: stretch;
	text-align: right;
	font-family: "Bebas Neue";
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 2em;
	word-spacing: 15px;
	
}

.heading {
	border-style: none;
	width: 100%;
	top: 0px;
	padding: 1.5em;
	position: absolute;
}

a:link {
    color: #FFFFFF;
	text-decoration: none;
}

a:visited {
    color: #D023CB;
	text-decoration: none;
}

a:hover {
    color: #ECC29D;
	text-decoration: none;
}

a:active {
    color: #FFFFFF;
	text-decoration: none;
}

.intro {
	padding: 12em 6em;
	background-image: linear-gradient(#F3C869, #F283CD)
	
}

.intro p {
	font-family: "Bebas Neue";
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.8em;
	letter-spacing: 0.325em;
}

li {
	
}

main {
	
}

section {
	
}

.artwork {
	background-color: #6ED3A3;
	padding: 10em 6em;
	
}

article {
	
}

figure {
	
}

.description p {
	font-family: "Bebas Neue";
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.8em;
	letter-spacing: 0.325em;
}

footer {
	background-color: #8FD2F7;
	border-style: none;
	width: 100%;
	height: 5em;
	
}

.footer {
	align-content: stretch;
	text-align: center;
	font-family: "Bebas Neue";
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 50px 0;
	word-spacing: 15px;
	
}

h1 {
	color: #BA006A;
	text-transform: uppercase;
	font-size: 8.5em;
	letter-spacing: 0.85em;
}
