main,div {
    display: flex;
    justify-content: space-around;
}

video {
    width: 400px;
}

#id1 {
    transition: 300ms;
}

#id1:hover {
    color: red;
}

#id2 {
    transition: 1s;
}

#id2:hover {
    transform: skewX(-45deg);
    color: purple;
}

#id3 {
    transition: 2s;
}

#id3:hover {
    color: blue;
    font-weight: bold;
    font-size: 60px;
}