html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*----------------------------------------------------------------------------------------------------*/

h1 {
    background-color: rgb(255, 170, 213);
    font-family: uwu;
    color: white;
    text-align: center;
    width: 40%;
    font-size: 400%;
    margin: 2%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;

    transition: 1s;
}

h1:hover {
    transform: scale(1.5);
    background-color: rgb(255, 195, 225);
}

#top {
    display: flex;
}

#flower1 {
    position: absolute;
    left: 0;
    width: 10%;
    transition: 0.5s;
}
#flower2 {
    position: absolute;
    right: 0;
    width: 10%;
    transition: 0.5s;
}

#flower1:hover {
    transform: rotate(-30deg);
}
#flower2:hover {
    transform: rotate(30deg);
}

#leftaudio:hover {
    transform: rotate(-3deg);
}
#rightaudio:hover {
    transform: rotate(3deg);
}

audio {
    transition: 1s;
}

#sillycar {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    transition: 2s;
}
#sillycar:hover {
    transform:
    scale(1.5)
    rotate(359deg)
    ;
}

section {
    width: 75%;
    background-color: rgb(255, 170, 213);
    color: white;
    border-radius: 20px;
    margin: 5%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%;
    font-size: 250%;
    font-family: uwu;
    transition: 1s;
    font-family: uwu;
    font-size: 250%;
    text-align: center;
}

section:hover {
    transform: scale(1.1);
    background-color: rgb(255, 195, 225);
}

.sectionsub {
    display: flex;
    justify-content: space-evenly;
}

img {
    border-radius: 20px;
    width: 40%;
}

video {
    border-radius: 20px;
}


@font-face {
    font-family: uwu;
    src: url("SoundHeart-J2w7.ttf");
}