body{margin:0;padding:0;background:#ffe;font-size:12px;overflow:auto}
#mainDiv{width:100%;height:100%}
#loveHeart{float:left;width:670px;height:625px}
#garden{width:100%;height:100%}
#elapseClock{text-align:right;font-size:18px;margin-top:10px;margin-bottom:10px}
#words{font-family:"sans-serif";width:500px;font-size:24px;color:#666}
#messages{display:none;text-align: center;font-size: 30px}
#elapseClock .digit{font-family:"digit";font-size:40px;text-align: center;}
#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:440px;height:400px;color:#333;font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","sans-serif";font-size:12px}
#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}
#errorMsg{width:100%;text-align:center;font-size:24px;position:absolute;top:100px;left:0}
#copyright a{color:#666}
#icon{font-size: 48px;color: red;margin: 50 px; align-content: center;}
#heartspan{align-content: center;text-align: center;margin: 20px;}

@font-face {
	font-family: digit;
	src: url('digital-7_mono.ttf') format("truetype");
}

/* ====== Base Theme ====== */
body {
	transition: background-color 0.4s, color 0.4s;
	font-family: 'Poppins', sans-serif;
}

body.light-theme {
	background-color: #fffdfd;
	color: #2b2b2b;
}

body.dark-theme {
	background-color: #121212;
	color: #f1f1f1;
}

/* ====== Heart Button ====== */
#icon {
	font-size: 60px;
	color: #ff4d6d;
	transition: all 0.3s ease;
}
#icon:hover {
	transform: scale(1.2);
	text-shadow: 0 0 15px #ff9ebb;
}

/* ====== Theme Toggle Button ====== */
#theme-toggle {
	position: fixed;
	top: 20px;
	right: 25px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 26px;
	transition: transform 0.2s ease;
	z-index: 1000;
}
#theme-toggle:hover {
	transform: scale(1.2);
}

/* ====== Other Elements ====== */
#mainDiv {
	margin: 0 auto;
	text-align: center;
	padding: 30px;
}

#code {
	text-align: left;
	display: inline-block;
	max-width: 600px;
	font-size: 16px;
	line-height: 1.7em;
}
.comments {
	color: #888;
	font-style: italic;
}