@import "reset.css";


header{
    width: 100%;
    font-size: xx-large;
    text-align:center;
    color: aliceblue;
}

#videos:hover{
    font-size: 40px;
    color:burlywood;
    font-family: Georgia, 'Times New Roman', Times, serif;
    transform:rotate(360deg);
    transition:1s;
}

#head:active{
    transform: rotate(360deg);
    color: blueviolet;
    transition: transform 3s;
    text-align:center;
}

#audio:hover{
    transform: rotate(180deg);
    transition: transform 1s;
}

section{
    width:50%;
    background-color: blueviolet;
    text-align:center;
}

div{
    display:flex;
    align-items:space-around;
}

h1{
    padding:50px;
    font-size: xx-large;
    font-family:Arial, Helvetica, sans-serif;
    color:white
}

#audio{
    padding:50px
}

p{
    color:white;
    font-size:xx-large
}