:root {
	--strike-color-white: #FFFFFF;
	--strike-color-black: #000000;
	--strike-color-red-500: #FF453A;
	--strike-color-gray-300: #4D4D4D;
	--strike-color-gray-600: #999999;
	--strike-color-gray-700: #B2B2B2;
	--ifm-font-family-base: 'Montserrat', sans-serif;
	--ifm-font-size-base: 16px;
	--ifm-line-height-base: 25px;
}

html, body {
	background-color: var(--strike-color-black);
	color: var(--strike-color-white);
	font-family: var(--ifm-font-family-base);
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	font-size: var(--ifm-font-size-base);
}

html, body, .wrapper {
	height: 100%;
	width: 100%;
	margin: 0;
}

.wrapper {
	display: flex;
	flex-direction: column;
	max-width: 100%;
}

main {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

header, footer {
	display: flex;
	align-items: center;
	justify-content: center;
}

header img {
	margin: 32px 0;
}

footer {
	flex-direction: column;
}

footer .copyright {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	margin: 32px 0;
	color: var(--strike-color-gray-600);
}

footer .footer-links {
	display: flex;
	flex-direction: row;
	margin-top: 32px;
}

footer .footer-links a {
	margin: 0 16px;
}

a {
	font-weight: 700;
	line-height: var(--ifm-line-height-base);
	color: var(--strike-color-white);
	text-decoration: none;
}

.text-danger {
	color: var(--strike-color-red-500);
}

.email-container {
	background-image: url("../image/strike-icon.png");
	background-repeat: repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.email-box {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.email-box h1 {
	font-weight: 700;
	font-size: 40px;
	line-height: 45px;
	margin: 0;
	padding: 0;
}

.email-box h3 {
	font-weight: 500;
	font-size: 19px;
	line-height: 25px;
	color: var(--strike-color-gray-600);
	width: 350px;
	margin: 36px 0 0 0;
}

.email-box form {
	display: flex;
}

.email-box form input.email-verify-btn {
	padding: 0 50px;
	height: 55px;
	line-height: 55px;
	border-radius: 55px;
	font-size: 16px;
	font-weight: 700;
	color: var(--strike-color-black);
	background-color: var(--strike-color-white);
	border-color: var(--strike-color-white);
	margin-top: 48px;

	transition-property: color, background, border-color;
	transition-duration: 200ms;
	transition-timing-function: cubic-bezier(0.08, 0.52, 0.52, 1);;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
}

.email-box form input.email-verify-btn:hover {
	background-color: var(--strike-color-gray-700);
	border-color: var(--strike-color-gray-700);
}

.email-box form input.email-verify-btn:active {
	background-color: var(--strike-color-gray-300);
	border-color: var(--strike-color-gray-300);
}

@media screen and (max-width: 685px) {
	.email-box h1 {
		font-size: 19px;
		line-height: 25px;
	}

	.email-box h3 {
		font-size: 16px;
		width: 198px;
	}
}