h1{
    color: rgb(110, 101, 117);
    text-align: center;
}


div{
    width: 100px;
    height: 100px;
    background-color: aqua;
    transition: width 2s ;
    animation-name: zafira;
    animation-duration:3s;
    animation-delay: 25;
    animation-iteration-count: infinite;
}
div:hover{
    width: 300px;
    height: 300px;
}
@keyframes zafira{
    from{
        background-color: brown;
    }
    top{
        background-color: blue;
    }

}