/* css file for Dave Little's personal site.  */

.header {
	height:80px;
	background-color: black;
	width:600px;
	color: white;
	font-size: 2em;
	margin-bottom: 50px;
	margin-top: -75px;
}

.tab {
  float: left;
  border: no-border;
  background-color: Black;
  width: 30%;
  height: 200px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: blue;
  padding: 10px 12px;
  margin-top: 5px;
  width: 100%;
  border: none;
  outline: none;
  font-family: "Times New Roman", times, serif;
  font-size: 2em;
  text-align: left;
  cursor: pointer;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-image: linear-gradient(to left, black, grey);
  color: white;
  font-weight: bold;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-image: linear-gradient(to left, black, grey);
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 10px 12px;
  margin-top: 50px;
  border: no-border;
  width: 70%;
  height: 200px;
  display: none;
  color: blue;

}

body{
	background-color: black;
	background-image: url("headshot2.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
}

h1{
	color: white;
	background-image: linear-gradient(to left, black, grey);
	border: 1px solid black;
	font-size: 3em;
	width: 700px;
}

h2{	
	color: blue;
	font-size: 2em;
}

h3{
	color: white;
	font-size: 2em;
}

p {
  color: white;
  font-size: 1.5em;
}

a {
  color: white;
  font-size: 1.5em;
}