#one{
    grid-area: a;
	padding: 20px;
    width: 200px;
}
audio{
    width: 100%;
}
#two{
    grid-area: b;
	height: 400px;
    width: 200px;
	margin: auto;
}
#two:hover{
    height: 0px;
}
#half{
    grid-area: b;
	height: 400px;
    width: 200px;
	margin: auto;
    transition: transform 0.5s;
}
#half:hover{
    transform: scale(3, 3);
}
#three{
    grid-area: c;
    border-radius: 10px;
}
#four{
    grid-area: d;
}
#five{
    grid-area: e;
    width: 300px;
    transform: skewY(0deg);
    transition: transform 10s;
}
#five:hover{
    transform: skewY(10803deg);
}
#six{
    grid-area: f;
    transform: rotate(180deg);
    transition: transform 5s;
}
#six:hover{
    transform: rotate(0deg);
}
#grid{
    display: grid;
    grid-template-areas:
    'c c a'
	'e b d'
	'e b d'
	'e f f';
}