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

body {
  background-color: #ADD2EB;
}

/* Element*/
img {
  border: 3px solid navy;
  padding: 20;px;
  margin: 10px:
}

img.banner {
  border: none;
  padding: none;
  margin: none;
}


div {
  background-color: #E3E4E8;
  width: 600 px;
  border: 3px solid black;
  padding: 20px;
  margin: 10px;
}

/* Element Selector*/
h1{
  font-family: 'Varela Round', sans-serif;
  text-align: center;
  font-size: 42px;
  background-color: #C7C9D1;
  border: 3px solid navy;
  padding: 25px;
  margin: 15px;
}

/*Grouped Elements*/
h2, h3 {
  font-family: 'Varela Round', sans-serif;
}

p, ul, ol {
  font-family: Verdana, Verdana, Geneva, sans-serif;
}


/*Independent Classes*/
.center {
  text-align: center;
}

.doublespace{
  line-height: 2;
}

/*Dependent classes*/
h2.border{
  border: 3px solid navy;
  padding: 15px;
  margin: 0px;
  background-color:#ADD2EB;
  width: 120px;
  text-align: left;
}

a.websiteText{
  font-family: Verdana, Verdana, Geneva, sans-serif;
  color: navy;
}

/*Descendent Class*/
li a{
  font-family: Verdana, Verdana, Geneva, sans-serif;
  color: navy;
}

/*Pseudo Class*/
li a:visited {
  font-family: Verdana, Verdana, Geneva, sans-serif;
  color: grey;
}


nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid grey;
  background-color: #f3f3f3;
}

nav li {
  float: left;
}

nav li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  background-color: #f3f3f3
}

nav li a:hover:not(.active) {
  background-color: #ddd;
}

nav li a.active {
  color: white;
  background-color: #04AA6D;
}

nav li a:visited {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  background-color: #f3f3f3
}