@import url(reset.css);

h1 {
transition: transform 2s;
text-align: center;
color:white;
font-size: 50px;
}
h1:hover {
    transform: scale(2);
    color: red
}
h2 {
    transition: transform 2s;
    color:white;
}
h2:hover {
    transform: scale(2);
}
h3 {
    transition: color 2s;
    color:white;
}
h3:hover {
    color:red
}

main {
    display: grid;
    grid-template-areas: 
    'video1 video2'
    'audio1 audio2';

}
.section1 {
    grid-area: video1;
}
.section2 {
    grid-area: video2
}
.section3 {
    grid-area: audio1
}
.section4 {
    grid-area: audio2
}
body {
    background-repeat: no-repeat;
    background-attachment: fixed;
}