body {
  background-color: #9BCD9B;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#page { 
  padding: 0px 2px 2px 2px;
  top: 0px;
  width: 1024px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#redcedar {
  height: 243px;
  width: 1024px;
  background-color: #A2FE8F;
}

a {
  /* text-decoration: none; */
  color: #507E47;
}

a:hover {
  color: #8FBC8F;
}

h1 {
  font-family: Tahoma;
  color: #507E47;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 40px;
}

#content_portfolio {
  background-color: #C9FEBF;
  border: 2px solid #707E6D; 
  padding: 1px;
}

#content {
  width: 700px;
  /* About page:
  height: 400px;
  */
  /* Resume page:
  width: 700px;
  height: 2030px;
  */
  /* Contact page:
  width: 700px;
  height: 300px;
  */
  background-color: #C9FEBF;
  border: 2px solid #707E6D; 
  padding: 1px;
}

#text {
  font-family: Georgia;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px;
}

strong {
	color: #507E47;
}

#Nav {
  background-color: #C9FEBF;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 35px;
  width: 1024px;
  font-family: Tahoma;
  font-size: 19px;
  color: #507E47;
}

#NavWords {
  width: 980px;
  padding-left: 10px;
  padding-top: 0px;
  padding-right: 20px;
  list-style: none;
  display: flex;
  justify-content: space-around
}

#NavWords a {
  font-weight: bold;
  width: 100px;
  padding: 5px 5px 5px 20px;
}

#portfoliolink {
  text-decoration: none;
  color: #507E47;
}

#portfoliolink:hover {
  color: #8FBC8F;
}

#aboutlink {
  text-decoration: none;
  color: #507E47;
}

#aboutlink:hover {
  color: #8FBC8F;
}

#resumelink {
  text-decoration: none;
  color: #507E47;
}

#resumelink:hover {
  color: #8FBC8F;
}

#bloglink {
  text-decoration: none;
  color: #507E47;
}

#bloglink:hover {
  color: #8FBC8F;
}

#contactlink {
  text-decoration: none;
  color: #507E47;
}

#contactlink:hover {
  color: #8FBC8F;
}

#me {
  float: right;
  width: 280px;
  height: 373px;
  border: 2px solid #707E6D; 
  margin-right: 0px;
}

#space2 {

  /* height: 50px; resume */
  /* height: 30px; contact */
  height: 20px;
  background-color: #A2FE8F;
  opacity: 0;
}

#experience{
	padding-top: 15px;
	padding-bottom: 15px;
}

#PDF {
   font-family: Tahoma;
  width: 200px;
  height: 40px;
  background-color: #C9FEBF;
  border: 2px solid #707E6D; 
  margin-bottom: 20px;
  text-align: center;
  line-height: 2%;
}

#PDF:hover {
    transform: scale(1.05);
}

footer {
  font-family: Georgia;
  font-size: 12px;
  margin-bottom: 10px;
}

#twitter {
  width: 55px;
  height: 55px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

#twitter:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

#facebook {
  width: 55px;
  height: 53px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

#facebook:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

#linkedin {
  width: 50px;
  height: 49px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
}

#linkedin:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

#secretpng {
  margin-right: 10px;
  float: left;
  overflow: auto;
  height: 200px;
  width: 250px;
  border: solid #707E6D 2px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#secretpng:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

#insectspng {
  margin-right: 10px;
  float: left;
  overflow: auto;
  height: 200px;
  width: 250px;
  border: solid #707E6D 2px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#insectspng:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}