/* Lobster font*/
@import
  url("https://fonts.googleapis.com/css?family=Lobster");
/*body*/
body {
    background-image:url("http://joefranco.net/bg.png");
  }
/*navbar start*/
.navbar {
    z-index: 99999;
    overflow: hidden;
    background-color: #333;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}
/* fixed poker felt background*/
.fixed-bg {
    background-image:url("http://wallpapercave.com/wp/Sdw1RGJ.jpg");
    min-height:500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}
/* text in the center box*/
.block{
  background-color: black;
  margin-left:auto;
  margin-right:auto;
  margin-top:150px;
  width:40%;
  padding:20px;
  opacity:.7;
  border-radius: 0%;
}
/*font settings*/
h2,h3 {
    font-family: Lobster , Monospace, Arial;
    color:white;
}
.font-setting1 {
  font-family:monospace;
  font-style:strong;
  text-align:center;
  font-size:30px;
}
.font-setting2 {
  text-align:center;
}
.font-setting3 {
	text-indent: 50px;
	text-align:left;
		
}

/* horz line setting*/
hr.style1 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style1:after { 
 	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}
/*Image settings*/
img {
  max-width:100%;
  max-height:100%;
}
.div-test {
  background-color:#c0c0c0;
}



/*Portfolio Hover*/
.test {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #8cb8ff;
  overflow: hidden;
  opacity:.8;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.test:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*portfolio hover*/

/*anchor color*/
a {
  color:black;
  font-family:lobster;
}
a:hover {
  color: black;
}