#background {
	background-image: linear-gradient(black, #ccc);
	height: 1000px;
}

#text {
	color: white;
	font-family: Helvetica;
	text-shadow: 2px;
	padding: 50px;
	font-size: 50px;
	margin: auto;
	text-align: center;
}

#subtext {
	color: white;
	font-family: Helvetica;
	text-shadow: 2px;
	padding: 25px;
	font-size: 25px;
	margin: auto;
	text-align: center;
	padding-top: 5px;
}

#rates {
	color: yellow;
	font-family: Helvetica;
	text-shadow: 2px;
	padding: 25px;
	font-size: 15px;
	margin: auto;
	text-align: center;
	padding-bottom: 50px;
}

#banner {
	color: white;
	font-family: Helvetica;
	text-shadow: 2px;
	padding: 25px;
	font-size: 25px;
	margin: auto;
	text-align: center;
	padding-top: 50px;
}


#bottomtext {
	color: white;
	font-family: Helvetica;
	text-shadow: 2px;
	padding: 25px;
	font-size: 25px;
	margin: auto;
	text-align: center;
}

#promo {
	color: white;
	font-family: Helvetica;
	text-shadow: 2px;
	padding: 25px;
	padding-top: 50px;
	font-size: 17px;
	text-align: center;
	display: block;
}

.button-82-pushable {
	display: flex;
	margin: auto;
	position: relative;
	border: none;
	background: transparent;
	padding: 150;
	cursor: pointer;
	outline-offset: 20px;
	transition: filter 250ms;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-82-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background: hsl(0deg 0% 0% / 0.25);
	will-change: transform;
	transform: translateY(4px);
	/* Subtle shadow by default */
	transition:
		transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.button-82-edge {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background: linear-gradient(to left,
		hsl(340deg 100% 16%) 0%,
		hsl(340deg 100% 32%) 8%,
		hsl(340deg 100% 32%) 92%,
		hsl(340deg 100% 16%) 100%);
}

.button-82-front {
	display: block;
	position: relative;
	padding: 67px 67px;
	border-radius: 100px;
	font-size: 4rem;
	color: white;
	background: hsl(345deg 100% 47%);
	will-change: transform;
	transform: translateY(-16px);
	/* Raised by default */
	transition:
	transform 600ms cubic-bezier(.3, .7, .4, 1);
}

.button-82-pushable:hover {
	filter: brightness(110%);
	-webkit-filter: brightness(110%);
}

.button-82-pushable:hover .button-82-front {
	transform: translateY(-18px);
	/* Tiny hover lift */
	transition:
	transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:hover .button-82-shadow {
	transform: translateY(6px);
	/* Slight hover stretch */
	transition:
	transform 250ms cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-front {
	transform: translateY(-2px);
	/* Dramatic push down */
	transition: transform 34ms;
}

.button-82-pushable:active .button-82-shadow {
	transform: translateY(1px);
	/* Deep press shadow compression */
	transition: transform 34ms;
}

.button-82-pushable:focus:not(:focus-visible) {
	outline: none;
}