body {
	background-color:#0D1117;
	display:flex;
	padding:10%;
	justify-content: center;
	align-items: center;
	color:white;
	font-family:Helvetica;
	font-weight:bold;
}

.card h1, h2, h3, h4 {
	padding:10px;
}

.card label {
	padding:10px;
}

.buttonDiv {
	display:flex;
	padding:5%;
	justify-content: center;
}

.card {
	width:300px;
	padding:5%;
	border-radius:10px;
	box-shadow:0 0 10px 0 #000000;
}

.card input {
	transition:0.7s;
	width:90%;
	max-width:300px;
	overflow-x:scroll;
	padding:10px;
	color:white;
	background-color:#0D1117;
	border-radius:5px;
	border:0px;
	box-shadow:0 0 10px 0 #000000;
}

.card input:hover {
	transition:0.7s;
	box-shadow:0 0 3s0px 0 #000000;
}

.card button {
	transition:0.7s;
	border-radius:5px;
	padding:10px;
	color:white;
	background-color:#0D1117;
	border:1px solid white;
}

.card button:hover {
	transition:0.7s;
	color:black;
	background-color:white;
}

.card input:focus {
	outline:none;
}