body {
	background-color: rgba(17, 24, 39, 0.7);
	background-image: url('bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: Isidora-Regular;
}

h1 {
	font-family: Isidora-SemiBold;
	font-size: 4vw;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1vw 0;
}

h2 {
	font-family: Isidora-Regular;
	font-size: 3vw;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 2vw 0;
}

div.center {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	text-align: center;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

a {
	color: #F15B6E;
	text-decoration: none;
}

p.disclaimer {
	font-family: Nunito Sans;
	font-size: 1.5vw;
	max-width: 70vw;
	margin-top: auto;
}

p.top {
	margin-bottom: auto;
}

a.button {
	font-family: Isidora-SemiBold;
	background-color: #F15B6E;
	padding: 1vw 4vw;
	border-radius: 0.5vw;
	text-decoration: none;
	color: #ffffff;
	font-size: 2vw;
}

a.button {
  animation: shockwaveJump 2s ease-out infinite;
}

@keyframes shockwaveJump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.08);
  }
  50% {
     transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
  }
  60% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15);
  }
  95% {
    box-shadow: 0 0 50px rgba(0,0,0,0), inset 0 0 30px rgba(0,0,0,0);
  }
  100% {
    transform: scale(2.25);

  }
}