/* CSS Document */

* {
	margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
	height: 100%;
	font-family: 'Wellfleet', monospace;
	font-size: 1.2em;
	background-color: rgb(119, 87, 134);
	color: #FFFF;
    overflow-x: hidden;
}

header {
	padding-top:60px;
	padding-bottom: 25px;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 960px;
    height: 90vh;
    margin-left: auto;
    margin-right: auto;
}

#panel-nav {
	padding-top:40px;
	padding-bottom:80px;

}

#panel-nav ul  {
	list-style-type: none;
}

#panel-nav ul li {
	display: inline-block;
	font-size: 1.6em;
}

a:link, a:visited {
	color:#ffffff;
	text-decoration: none;
}
a:hover, a:active {
	color:#aaaaaa;
	text-decoration: none;
}

footer {
	padding:20px;
	margine:20px;
	position: relative;
	bottom:0px;
}

/* -------------------------------------------------
 *
 *
 * NAVBAR
 *
 *
 - --------------------------------------------------*/
#navbar {
    color: #FFFFFF;
	margin-left: auto;
    margin-right: auto;
	max-width: 1200px;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#navbar .logo-nav {
	display: flex;
	align-items: center;
}

#navbar ul  {
    list-style-type: none;
}

#navbar ul li {
	display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 1.6em;
}

a:link, a:visited {
    color:#DDD9D9;
    text-decoration: none;
}
a:hover, a:active {
    color: #F2CA80;
    text-decoration: none;
}

li.active a {
    color: #F2CA80;
}
#navbar h1 {
font-variant: small-caps;
}