* {
	font-family: 'Josefin Slab', serif;
	margin:0;
}

header{
	z-index: 100;
	background: white;
	border-bottom: 3px solid silver;
  display: flex;
  padding: 1vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  color:black;
}

#name-ada{
	font-size: 2vw;
	font-weight: 700;
	margin-left: 4vw;
	color:black;	
}

#name-ada p a{
	text-decoration: none;
		color:black;
}
nav{
	font-size: 1.7vw;
	text-decoration: none;
  margin-right: 4vw;
  width: 30vw;
  	color:black;
}

nav ul{
	list-style-type: none;
	display: flex;
	margin-left: 10px;
	justify-content: space-between;
		color:black;
}

a{
	color:black;
	text-decoration: none;
}

a:hover{
	color:#FA8072;
}

#intro{
	top:20vh;
	background: url(../img/pattern-binary.jpg);
	height: 500px; 
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

#tribute-info{
	background-color: #F5F5F5;
	text-align: center;
	font-weight: 100;
	padding: 5vw;
	color: #666;
}

#tribute-info h2{

	font-weight: 200;

}
#img-caption{
	font-size: 1.2vw;
	font-style: italic;
	text-align: center;
}

#intro h1{
	font-size: 4vw;
	 position:relative;
	 top:50%;
	 text-align: center;
	 justify-content: center;
	 align-items: center;
	 background-color: white;
	
}

#biography{
padding-top: 30vh;
padding-bottom: 30vh;
}

#biography h2{
	text-align: center;
	font-size: 3vw;
}

#biography .inside{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 10vw;
	margin-right: 10vw;
	padding-top: 10vh;
}

#biography .inside img{
	height: auto;
	 max-width: 100%; 
	 display: block; 
  margin: auto;
}

#biography .inside .text{
	font-size: 1.8vw;
	width: 60vw;
	text-align: justify;
  text-justify: inter-word;
  line-height: 120%;
  padding-top: 5vh;
}

#work{
	padding-top: 30vh;
padding-bottom: 30vh;
	background: url(../img/babbage-analytical-engine.png);
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

#work .text h2{
	text-align: center;
	font-size: 3vw;
}

#work .text{
 font-size: 1.8vw;
 margin:auto;
 	text-align: center;
 	width: 60vw;
 	background: rgba(250, 250, 250, .8);
 	padding: 5vw;
 	text-align: justify;
  text-justify: inter-word;
  border-radius: 5%;
}

#work .text p{
	margin-top: 1vw;
}

#legacy{

padding-top: 30vh;
padding-bottom: 30vh;
 font-size: 1.8vw;
}

#legacy h2{
	text-align: center;
	font-size: 3vw;

}

#legacy .inside {
	display: flex;
	margin-left: 10vw;
	margin-right: 10vw;
	justify-content: space-between;
	text-align: justify;
  text-justify: inter-word;
	
}

#legacy .inside .left{
	padding: 5vw;
}

#legacy .inside .right{
	padding: 5vw;
}

#legacy .finally{
	text-align: center;
}

footer{
	background-color: #666;
	color: white;
	padding: 5vh;
	text-align: center;
	line-height: 120%;
}

footer .social-media{
	padding-top: 2vh;
}