img{ height:250px;
width:250px;}

body{background-color:lightblue;
    text-align:center;
}

p{ font-size:20px; color:purple;} 

img.greyed{ 
    filter:grayscale(100%);
    
}

.feat-title{
    font-weight:bolder;
    font-family:fantasy;
    color:purple;
}

a:hover{
    font-size:35px;
}

img.blurred{
    filter:blur(1px);
}   



img:hover
{ height:400px;
width:400px;}


img{
    width:200px; height:200px;
    border:5px solid black;
    transition:1s;}
    
    
    
    @keyframes invert images{ 
    from {
        filter:invert(0%); 
        }
        to {
            filter:(100%);
            
        } 
}
img.filtered-image { 
    animation:greyed 2s forwards;
    
}