body{
  background-image: url(tree_bark.png);
}

nav{
  background-color: #a4dba3;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 60px;
  z-index: 10;
  font-family: 'Della Respira', serif;
}

.navigation-bar a{
  font-size: 30px;
  padding: 10px;
  font-weight: 700;
  text-shadow: none;
}

.navigation-bar a{
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.navigation-bar a:hover{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.navigation-bar a:link{
  text-decoration: none;
}

.navigation-bar a:hover,
.navigation-bar a:focus{
  color: #ee8e85;
  outline: none;
}

h1.myname {
  font-family: 'Arbutus', cursive;
}

h2.tags{
  font-family: 'Della Respira', serif;
}

h3.project-title{
  font-family: 'Della Respira', serif;
}
img.profilepic {
  width: 250px;
  position: relative;
  border-radius: 200px;
  border: 10px solid white;
}

img.picofme {
  margin: 8px;
  width: 100px;
  height: 100px;
  position: relative;
}

img.main{
  width: 100%;
  height: 100%;
}

div.background {
    width: 100%;
    height: 300px;
}

div.about{
  /*background-color: RGB(11,99,126);*/
  /*background-image: url('public/images/freeway.png');*/
  height: 700px;
}

div.aboutme {
  /*background-color: rgba(0,168,184, 0.3);*/
/*  background-image: url("gray_squares.png"); 
*/ 
  padding-top: 65px;
  text-align: center;
  border-radius: 5px;
}


div.aboutmewrite{
  width: 60%;
  text-align: justify;
  margin-top: 30px;
  font-size: 20px;
  font-family: 'Della Respira', serif;

}

div.justme{
  padding-top: 100px;
  text-align: center;
}

div.justme h1 {
  font-size: 60px;
}

div.justme h2 {
}

div.aboutme h3 {
}

div.projects{
  color: #000;
  border-radius: 5px;
  padding-top: 50px;
  text-align: center;
}

img.projectimg {
  width: 350px;
  height: 200px;
}

.project{
  padding: 20px;
  background-image: url(gray_squares.png);
  display: inline-block;
  margin: 5px;
  border-radius: 5px;
}

.project a,
.project a:hover{
  text-decoration: none;
}

.project-adjustment{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.description{
  text-align: justify;
  font-family: 'Marcellus SC', serif;

}

div.contact {
  padding-top: 100px;
  height: 700px;
  border-radius: 5px;
  text-align: center;
  font-family: 'Della Respira', serif;

}
h1.contactme{
  font-family: 'Della Respira', serif;

}
h2.contactme{
  font-family: 'Della Respira', serif;
}
.contact-icons{
  padding: 30px;
}