body {
    background-image: url(Belgium.png);
}

@keyframes color {
    0% {color: aqua;}
    10% {color: blue;}
    20% {color: aquamarine;}
    30% {color: darkcyan;}
    40% {color: rgba(0, rgb(0, 138, 0), 0, alpha);}
    50% {color: green;}
    60% {color: lightgreen;}
    70% {color: darkred;}
    80% {color: red;}
    90% {color: rgb(255, 106, 106);}
    100% {color: rgb(214, 83, 231); font-size: 1px;}
}

h1 {
    color: aqua;
    animation-name: color;
    animation-duration: 15s;
}

h1:hover {
    transition-duration: 10s;
    transition-property: transform;
    transform: skew(91deg);
}

video:hover {
    transition-duration: 10s;
    transition-property: transform;
    transform: matrix(1, 91, 91, 1, 0, 0);
}

audio:hover {
  background-color: rgb(32, 14, 32);
  transform: scale(1.1);
  transform: rotate(180deg);
  width: 1000px;
  height: 1000px;
}

audio {
    transition: background-color 1s ease-out, transform 1s ease-out, rotate 3s ease-out, width 5s ease-in, height 5s ease-in;
}