html {
	height:  100%;
}
body {
	background: url(images/background.png);
  background-size: cover;
	height: 100%;
}
#photo {
	background: url(images/anthony_new.png);
	background-size: cover;
  background-position-y: -20px;
	width: 200px;
	height: 200px;
	/*border: 5px solid rgba(0, 123, 255, 1);*/
}
#name {
	display: block;
	font-family: Courgette;
}

#photo, #name {
  animation: flip 1s;
}
@-webkit-keyframes flip {
  from {
    transform: rotateY(90deg)
  }
  to {
    transform: rotateY(0deg)
  }
}
@keyframes flip {
  from {
    transform: rotateY(90deg)
  }
  to {
    transform: rotateY(0deg)
  }
}

hr, #about, div.d-flex, #footer {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
@keyframes fadeInAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
     }
}