body{
  background-image: url("http://media.gettyimages.com/videos/particle-background-video-id485204782?s=640x640");
  padding:0;
  margin:0;  
}

h1{
  font-family: 'Satisfy', cursive;
  color: #ffffff;
  align:center;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
  padding: 0 0 0 50px;

}

a {
  font-color: #ffffff;
  text-decoration:none;
  color: white;
  font-size: 20px;
  padding: 10px;
  margin: 25px 0 0 0 ;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
  margin: 0 50px 0 0px;


}

a:hover{
  background-color: #d3d3d3;
  text-decoration: none;
  color: red;
  text-shadow: none;
  
}

.nav-bar{
  padding:0 0 0 0;
  position:fixed;
  margin: 0 auto;
  width:80%;
  background-image: url("http://wallpaper-gallery.net/images/blue-wallpaper-hd/blue-wallpaper-hd-4.jpg");
  background-position: 0px 300px;
  background-size: 100% 300%;
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5);
  height:100px;
}

.bio{
  color: white;
  background-color: #282828;
  display:block;
  width:700px;
  align:center;
  height:486px;
  border: 2px dashed #f69c55;
  
}

span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  width: 450px;
}

.bio-text{
  height: 320px;
  line-height: 200px;
  padding: 80px 0px 0px 25px;
  text-align: middle;
  font-size: 40px;
}

.img-circle{
  border-radius: 50%;
  width: 200px;
  height:auto;
  float:right;
  margin: 100px 50px 0px 0px;
}

.thumb-case{
  height:486px;
  width: 700px;
  background-color: #ffccff;
}


.contact-me{
  height:100px;
  width: 700px;
  background-color: #99ffcc;
  margin: 0px 100px 0px 100px;
  display: block;
}

.thumbs{
  padding:50px;
  align:center;
}

.logo-img{
  height:20px;
  width:auto;
}

.social-buttons{
  align:center;
  margin:15px;
}

.btn{
  background-color: gray;
  width: 200px;
}