*{
margin:0;
padding:0;
box-sizing:border-box
}
body{
overflow:hidden;
height:100vh;
background:linear-gradient(135deg,#100018,#4b123d,#120018);
font-family:"Microsoft YaHei";
}
canvas{
position:absolute;
width:100%;
height:100%;
}

#cover{
position:absolute;
z-index:5;
left:50%;
top:50%;
transform:translate(-50%,-50%);
text-align:center;
color:white;
}

.big-heart{
font-size:90px;
animation:beat 1s infinite;
}

button{
margin-top:25px;
padding:14px 40px;
border:0;
border-radius:30px;
font-size:20px;
background:#ff8fb8;
color:white;
}

@keyframes beat{
50%{transform:scale(1.2)}
}

#final{
position:absolute;
z-index:4;
left:50%;
top:50%;
transform:translate(-50%,-50%) scale(.6);
text-align:center;
color:white;
opacity:0;
transition:2s;
text-shadow:0 0 30px #ff9acb;
}

#final.show{
opacity:1;
transform:translate(-50%,-50%) scale(1);
}

h1{
font-size:32px;
margin-bottom:25px;
}

h2{
font-size:38px;
}

@media(max-width:600px){
h1{font-size:24px}
h2{font-size:26px}
}