/* Color pallete:

#ff4e00
#ffd166
#06aed5
#495057
#0b0c10
*/

/*pallete bgs*/

orange{
  background: #ff4e00;
}

yellow{
  background: #ffd166;
}

blue{
  background: #06aed5;
}

grey{
  background: #495057;
}

blk{
  background: #0b0c10;
}

/*main code*/

a:Link{
  color: white;
}

a:Visited{
  color: white;
}

body {
  background: white url(BackgroundTest.JPG) no-repeat center;
  font-family: Courier;
  font-size: 14px;
  /*color: #0b0c10;*/
}

#top {
    background-color: #ccc;
    padding: 20px
}

.intro {
    color: black;
    font-weight: bold;
}

h1{
  text-align: center;
}

h2{
  padding-top: 20px;
}

#navigation {
    position: absolute;
    top: 200px;
    right: 0;
    width: 170px;
    margin-right: 20px;
    background-color: white;
    border: solid #06aed5 3px;
    color:white;
}

#FunFactsPg {
  position: absolute;
  top: 200px;
  width: 170px;
  margin-left:20px;
  background-color: white;
  border: 3px #06aed5 solid;
}

#content {
    margin-right: 15em;
    margin-left: 15em;
    margin-top: 200px;
    border: solid #06aed5 3px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 100px;
    background-color: white;
    /*opacity: .8;*/
}

#floatingimg{
  float:left;
  width: 30em;
  padding: 1em;
  margin: 0;
}

#TitleSplash{
  position: absolute;
  top: 00px;
  left: 200px;
  text-align: center;
}