html, body {
    text-align: center;
	padding: 20px;
	font-family: Arial, sans-serif;
	background-color: #e1f1ff; /* Latar belakang warna biru muda */
}

.container {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.content {
    flex: 1;
}

footer {
    background-color: #e1f1ff;
	font-size:10px;
    padding: 2px;
    text-align: right;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

h1 {
	margin-bottom: 20px;
}

form {
	margin-bottom: 20px;
}

textarea, button {
	display: block;
	margin: 10px auto;
	border-radius: 5px; /* Mengubah sudut kotak */
}

button {
	padding: 10px 20px;
	background-color: #4fb3ff; /* Warna latar belakang tombol */
	border: none;
	color: #fff; /* Warna teks tombol */
	transition: background-color 0.3s; /* Animasi saat tombol dihover */
	cursor: pointer;
}

button:hover {
	background-color: #2795d6; /* Warna latar belakang saat tombol dihover */
}
button:active {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); /* Efek bayangan saat tombol diklik */
	transform: translateY(4px); /* Mendorong tombol ke bawah */
}