.reveal img{transition: all 0.9s ease 0s;}
.reveal img:hover{-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.20);box-shadow: 0 0 25px rgba(0, 0, 0, 0.20);}
.reveal p{text-align: justify;}
.reveal {position: relative;opacity: 0;}
.reveal.active {opacity: 1;}
.active.fade-bottom {animation: fade-bottom 1s ease-in;}
.active.fade-left {animation: fade-left 1s ease-in;}
.active.fade-right {animation: fade-right 1s ease-in;}
.active.fade-top {animation: fade-top 1s ease-in;}
@keyframes fade-bottom {
0% {transform: translateY(50px); opacity: 0;}
100% {transform: translateY(0); opacity: 1;}
}
@keyframes fade-top {
0% {transform: translateY(-50px);opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}
@keyframes fade-left {
0% {transform: translateX(-100px);opacity: 0;}
100% {transform: translateX(0);opacity: 1;}
}
@keyframes fade-right {
0% {transform: translateX(100px);opacity: 0;}
100% {transform: translateX(0);opacity: 1;}
}