body {
	background-image: linear-gradient(to bottom right, rgb(48, 185, 227), rgb(65, 0, 245), rgb(147, 0, 245));
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-bottom: 15px;
	overflow-x: hidden;
}
.containerbkrnd {
	background-color: white;
	font-family: Verdana, sans-serif;
	text-align: center;
	font-size: 24px;

}
form section {
	background-color: beige;
}
label:hover {
	background-color: #e8a9e8;
	color: white;
}
p:focus-within label {
	background-color: #e8a9e8;
	color: white;
}

input[type="button"] {
	background-color: beige;
	border-radius: 20px;
	margin-top: 5px;
}
input[type="button"]:hover{
	background-color: beige;
	animation: button .5s;
	animation-fill-mode: forwards;
}

@keyframes button{
	from{color: black;}
	to{background-color: gray; color: white;}
}
h1 {
	text-decoration: underline;
	font-size: 56px;
	margin-bottom: 30px;
}
section > h2 {
	text-decoration: underline;
}
.navbar {
	background-color: rgb(250, 139, 5);
	font-size: 24px;
	font-weight: bold;
}
.navbar-brand {
	font-size: 32px;
}
.nav-link {
	margin: 2px;
	color: black;
	text-align: center;
}
a.active {
	background-color: tomato;
	color: white !important; 
}
.nav-link:hover {
	background-color: tomato;
	color: white;
}
.navbar-brand:hover {
	animation: transition .5s;
	animation-fill-mode: forwards;
}
@keyframes transition{
	from{color: black;}
	to{color: white;}
}
#thanks {
	font-size: 12px;
}