body {
  margin: 0;
  height: 100vh;
  background: linear-gradient(135deg, #ffb6c1, #ffe4e1);
  overflow: hidden;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  text-align: center;
  color: #fff;
}

h1 {
  margin-top: 80px;
  font-size: 3em;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}

.cake {
  height: 200px;          
  margin: auto;
  display: block;
}

canvas {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}

p { 
    color:#ff1493; 
    font-size:1.3em; 
    margin-top:10px;
}

.letter {
    height: 470px;
}

.flowers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 50px;
  padding: 0 20px;
  pointer-events: none;
}

.flower1 {
  width: 350px;
  height: auto;
}

.flower2 {
  width: 600px;
  height: auto;
}