:root {
  --main-color: #1d1f5a;
  --accent: #7a7984;
  font-family: 'Roboto', 'Arial', sans-serif;
  background: #e8e8e8f0;
}
.customButton {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #1d1160;
  border: none;
  color: white;
  font-size: 16px;
  padding: 0.9375em 2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0.25em 0.125em;
  cursor: pointer;
	border-radius: 0.1em;
	text-shadow: 0.1875em 0.125em #000111;
	-webkit-transition-duration: 0.3s; /* Safari */
  transition-duration: 0.3s;
}
.customButton:hover {
  background-color: #eeeeee;
  color: #1d1160;
	text-shadow: 0.0625em 0.0625em #999999;
}