body {
  margin: 0;
  padding: 0;
  background: #fff0f2;
  font-size: 14px;
  overflow:auto
}

.led {
  font-family: "Digital7Regular"
}

#mainDiv {
  width:100%;
  height:100%
}

#mainDiv::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('../twins.jpeg');
  background-position: center;
  opacity: 0.1
}

#loveHeart {
  float: left;
  width: 670px;
  height: 625px
}

#garden {
  width: 100%;
  height: 100%
}

#elapseClock {
  text-align: right;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px
}

#words {
  font-family: "sans-serif";
  width: 505px;
  font-size: 24px;
  color: #666
}

#messages {
  display: none
}

#elapseClock .digital {
  font-family: "Digital7Mono";
  font-size: 36px
}

#elapseClock .text {
  font-size: 30px
}

#loveu {
  padding: 5px;
  font-size: 22px;
  margin-top: 80px;
  margin-right: 120px;
  text-align: right;
  display: none
}

#loveu .signature {
  margin-top: 10px;
  font-size: 20px;
  font-style: italic
}

#clickSound {
  display: none
}

#code {
  float: left;
  width: 300px;
  height: 400px;
  color: #333;
  font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", "monospace";
  font-size: 24px
}

#code .string {
  color: #2a36ff
}

#code .keyword {
  color: #7f0055;
  font-weight: bold
}

#code .placeholder {
  margin-left: 15px
}

#code .space {
  margin-left: 7px
}

#code .comments {
  color: #3f7f5f
}

#copyright {
  margin-top: 10px;
  text-align: center;
  width: 100%;
  color: #666
}

#copyright a {
  color: #666
}

#errorMsg {
  width: 100%;
  text-align: center;
  font-size: 24px;
  position: absolute;
  top: 100px;
  left: 0px
}