.hey{
	color: white;
	font-weight: bold;
}

.hey:hover{
	color: black;
	font-weight: bold;
}

a:hover{
text-decoration: none;
}



h2{
color:white;
}

h3{
color:black;
text-align: center;

font-size: 250%;
}


#bio{
	text-align:  justify;
}

.pop{
  height:70%;
  width:80%;
  position:fixed;
  bottom: 15%;
  right: 10%;
  border:4px solid black ;
  padding:20px;
  background: white;
  border-radius: 9px;
  font-size: 0,3vw;
  overflow: scroll;
  z-index: 2;

}
button{
  top: 20%;
  margin-left: 98%;
  opacity: 1;
}

.pop p{
  text-decoration: none;
  color:black;
  margin-bottom: 100%;
  text-align: justify;
  opacity:1;

}

.pop{
    -webkit-animation-name: apparition; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: apparition;
    animation-duration: 1s;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes apparition {
    from {background-color: red;}
    to {background-color: yellow;}
}

@keyframes apparition {
    from {opacity: 0;}
    to {opacity:1;}
}