body
{
    font-family: 'Trebuchet MS', Arial, sans-serif;
}
.fellow
{
    position: relative;
    width:500px;
    height: 572px;
}
.fellowimg
{
    filter: opacity(0.5);
    position:absolute;
    z-index: 1;
    transition: filter 0.5s;
}
.fellow:hover .fellowimg
{
    filter:opacity(1);
    transition: filter 0.5s;
}

.fellow p
{
    text-align:center;
    position:absolute;
    z-index: 2;
}
.fellow .name
{
    color: white;
    top:200px;
    font-size: 95px;
    left:85px;
    transition: font-size 1s, left 1s, top 0.5s;

}
.fellow:hover .name
{
    top:450px;
    left:150px;
    font-size: 50px;
    transition: top left font-size 0.5s;
}
.reward
{
    top:-30px;
    left: 20px;
    padding: 15px;
    background-color: white;
    opacity: 0.85;
    border: 1px solid none;
    border-radius: 15px;
    font-size: 50px;
    width:430px;
    transition: opacity 0.5s;
}
.fellow:hover .reward
{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;

}
.orange
{
    color: rgb(255, 99, 50);
}