body {
  background-color: GhostWhite;
  background-image: url('pic/bg.jpeg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  vertical-align: middle; 
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
font-size: 50px;
  color: White;
  /*-webkit-text-stroke: 1px black;*/
}

h2 {
font-size: 40px;
  color: White;
  /*-webkit-text-stroke: 1px black;*/
}

h3 {
font-size: 30px;
  color: White;
  /*-webkit-text-stroke: 1px black;*/
}

 /* unvisited link */
a:link {
  color: White;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: White;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: White;
  text-decoration: none;
}

/* selected link */
a:active {
  color: White;
  text-decoration: none;
} 

.vidus {
	position:relative;
	display:block;
	text-align:center;
	padding-top: 15%;
}


.button {
  font-weight: bold;
  font-size: 30px;
  text-decoration: none;
  background-color: GhostWhite;
  color: DimGrey;
  display: inline-block;
  padding: 15px 32px;
  text-align: center;
  transition-duration: 0.8s;
  border: 2px solid Transparent;
  width: 300px;
}

.button:hover {
  background-color: rgb(248, 248, 255, 0.6);
  color: DimGrey;
  border: 2px solid GhostWhite;
  /*-webkit-text-stroke: 0.5px DimGrey;*/
}

.strokeme {
  color: black;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}