*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#111;
    font-family:Arial,sans-serif;
    overflow:hidden;
}

canvas{
    display:block;
    margin:auto;
    background:linear-gradient(
    to bottom,
    #ffe6f0,
    #ffffff
    );
}

#hud{
    position:absolute;
    top:10px;
    left:10px;
    display:flex;
    gap:20px;
    font-size:20px;
    font-weight:bold;
    z-index:100;
}

#startScreen,
#gameOver{

    position:absolute;
    top:50%;
    left:50%;

    transform:
    translate(-50%,-50%);

    background:white;

    padding:30px;

    border-radius:15px;

    text-align:center;

    box-shadow:0 0 25px rgba(0,0,0,.3);

    z-index:999;
}

#gameOver{
    display:none;
}

button{

    padding:12px 25px;

    border:none;

    border-radius:8px;

    background:#ff4fa3;

    color:white;

    font-size:18px;

    cursor:pointer;

    margin-top:15px;
}

button:hover{
    opacity:.9;
}