body {
  background-color: #EDF2FA;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
}

:link { color: #234B7C }
:visited { color: #0066CC }

h1, h2, h3, h4, h5, h6 {
  color: #3570B7;
  margin-bottom: 0;
}

h1 {
  font-size: 125%;
}

h2 {
  font-size: 100%;
}

td.sidebar h2 {
  color: black;
  font-size: 85%;
}

h3 {
  font-size: 85%;
}

h2 + p, h2 + ul, h3 + p, h3 + ul {
  margin-top: 0.5ex;
}

ul {
  padding-left: 1.5em;
}

p, li, dl {
  font-size: 85%;
}

div.contentcell {
 background: #e6eef7;
 border: solid 1px;
 border-color: #7da7d9;
 padding: 7px;
 padding-top: 0;
 padding-bottom: 0;
 width: 90%;
 margin-top: 0.5%;
 margin-bottom: 0.5%;
 margin-left: 5%;
}

.con {
  width:100%;
  height:275px;
  overflow:hidden;
  position:relative;
  background:#002142;
}

.mountain {
  height: 150%;
  width: 55%;
  transform:rotate(45deg);
  border-radius:30px;
  box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.5);
  margin-top: 24%;
  position: absolute;
  z-index:1;
  margin-left: 17%;
  background:linear-gradient(to bottom right, #64403b, #c8daed)
}
.mountain2 {
  margin-left:33%;
  margin-top:26.6%;
  height: 130%;
  width: 53%;
  transform:rotate(45deg);
  z-index:1;
  border-radius:30px;
  box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.5);
  position: absolute;
  background:linear-gradient(to bottom right, #609aa1,#738b8e, #738e84, #988769)
}
.moon {
  height: 70px;
  width: 70px;
  background-color: #f5f2d0;
  border:solid .01px;
  border-color:black;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-left:-29%;
  box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 1);
  z-index:-500;
}  


.moon2 {
  height: 40px;
  width: 40px;
  border:solid .01px;
  border-color:black;
  background-color: gray;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  margin-left: -17%;
  margin-top:-4%;
  box-shadow: 0px 1px 30px 0px rgba(50, 0, 0, 0.5);
  z-index:-5;
}

.header {
  border: 5px solid white;
  background-color:#002142;
  border-radius:3%;
  margin:.5%;
  padding:0 5px 5px 5px;
  font-size:55px;
  text-align:center;
  position:absolute;
  z-index:200;
}

@media screen and (max-width:850px) {
  .header {
    margin:0;
    padding-top:0;
    font-size:31px;
    border-radius:0;
    text-align:center;
    text-wrap:normal;
    width:150px;
    height:260px;
  }
  h1, h4 {
    color:white;
    padding:0;
    text-align:center;
  }
}

/* Dropdown Button */
.dropbtn {
  background-color: #528acd;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: white;
  border-radius:5px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  display: inline-block;
  position: relative;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

.dropdown-content a.active {background-color: #3570B7;
  color: white;}

.dropbtn:active {background-color: #3570B7;
color:white;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #005ab3;}

footer {
	text-align: center;
  padding: 3px;
  background-color: #3570B7;
  color: white;
  margin-top: 15px;
}