body {
    --color-pink: #FFCCD2;
    --color-lightpink: #FFEDED;
    --color-brown: #90461F;
    --color-darkbrown: #362222;
    --color-caramel: #FF9156;
    --color-pink-highlight: #FFE2E6;
    --color-lightpink-highlight: #FFF5F5;
    --color-brown-highlight: #C69A83;
    --color-pink-shadow: #F2A9B3;
    font-family: "Lato", sans-serif;
}

form {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

form button[type="submit"] {
	margin-top: 2rem;
}

form label {
	margin-top: 1rem;
}

input {
	border: none;
	border-radius: 1rem;
	height: 2rem;
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	/* box-shadow: var(--color-pink) 0 0.25rem 0 0; */
    border: 1px var(--color-pink) solid;
	color: #AF4151;
}
textarea {
	border: none;
	border-radius: 1rem;
	height: 2rem;
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	/* box-shadow: var(--color-pink) 0 0.25rem 0 0; */
    border: 1px var(--color-pink) solid;
	resize: vertical;
	min-height: 10rem;
	color: #AF4151;
}

input:active,
input:focus,
textarea:active,
textarea:focus {
	outline: none;
	/* box-shadow: var(--color-pink) 0 0.25rem 0 0.5rem; */
    border: 1px var(--color-pink) solid;
}

.button {
	background-color: var(--color-pink-shadow);
	color: white;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 1rem;
	font-size: 1.25rem;
	box-shadow: var(--color-lightpink) 0rem 0rem 0rem 0rem;
	transition: all 150ms ease;
	cursor: pointer;
	text-decoration: none;
}
.button:hover {
	color: white;
	text-decoration: none;
	background-color: var(--color-pink);
	box-shadow: white 0rem 0.125rem 1rem 0rem;
}