body{
    margin:0;
    overflow:hidden;
    background:#000;
}

canvas{
    display:block;
}

#ui{
    position:absolute;
    bottom:40px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:20px;
}

button{
    width:60px;
    height:60px;
    border:none;
    border-radius:50%;
    font-size:28px;
    cursor:pointer;
    background:white;
}

button:hover{
    transform:scale(1.1);
}
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');

#catName{
    position:absolute;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    font-family:'Luckiest Guy', cursive;
    font-size:60px;
    color:#fff;
    text-shadow:
        3px 3px 0 #000,
        0 0 20px #ffeb3b,
        0 0 40px #ff9800;
    letter-spacing:3px;
    user-select:none;
    pointer-events:none;
}

#musicBtn{
  position: fixed;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
border: none;
border-radius: 50%;
font-size: 22px;
cursor: pointer;
}