/* Navigation */

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #faf9f5; /* Off White */
  position: sticky;
  top: 0;
}

nav li {
  float: left;
}

nav li a {
  display: block;
  color: #08cad1; /* Teal */
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
}

/*Pseudo Class*/
nav li a:hover { /* light Teal */
  background-color: #defdff;
}

.active {
  background-color: #c7d8d9; /* Light Gray */
}

/* My Custom Font */

h1 {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 3.5em;
}

h2, h3, h4, h5, h6 {
	font-family: 'Julius Sans One', sans-serif;
}

p, dd{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
}

/*Inependent Class */
.right {
float: right;
padding: 0;
margin: 5px 20px 5px 40px;
border: 2px solid black;
border-radius: 8px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.left {
float: left;
padding: 0;
margin: 5px 40px 5px 20px;
border: 2px solid black;
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#banner {
	margin:0;
	padding: 0;
	opacity:0.95;
} 

body {
	margin:0;
	background: url("images/alaska.jpeg") no-repeat center fixed;
	background-size: cover;
}

/* Grouped */
main, footer {
	margin: 50px 50px 50px 50px;
	padding: 10px 30px 30px 30px;
	background: rgba(242, 245, 245, 0.8);
	border-radius: 5px;
}

/* Descendant*/
footer h5 {
	padding: 5px;
	border: 2px dotted green;
	border-radius: 5px;	
}

button {
	background-color: #d9ffff; /* Light Blue */
	border: none;
	color: white;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 10px
}

/* Element*/
a {
		text-decoration: none;
}

/* Dependent Class */
div.border {
	border: 1px solid red;
	border-radius: 12px;
	padding: 10px;
}

div > img {
	padding: 0;
	margin: 5px 40px 5px 20px;
	border: 2px solid black;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}