.zoom {
  padding:20px;
   margin: 5px;"
}

.zoom:hover {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(0.5);
  transform: scale(1.2);
  transition: all 0.50s ease-in-out;
}
nav a:hover {
  text-decoration: underline;
  color:white;
}
.stylingP{
  
 color: black; 
 font-size: 18px;
 text-align:justify;
 margin: 20px;
 font-family:'work sans light self';

 

}

img.profile{
  
  display: flex;
  justify-items: center;
}
h3{
font-family: ragasta;
text-align: left; 
color: Black; 
margin: 20px;
}


#animation-demo {
	width: 200px;
	height: 150px;
	position: relative;
} 

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}



@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(200px); 
    } 
    60% { 
        opacity: 1; 
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% { 
        transform: translateX(0); 
    } 
} 

.bounceInRight { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
} 
.borders{
  border-radius: 5%;
}