* {
	user-select: none;
}

.div-td {
	opacity: 0;
	transform: rotateY(calc(180deg)) rotateX(5deg);
	border: none;
	padding: 0.5rem;
	text-align: center;
	font-size: 1.5rem;
	background-color: rgba(255, 255, 255, 1);
}
@media (min-width: 1200px) {
	.div-td {
		font-size: 2rem;
	}
}

.background-check {
	background-color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1)), linear-gradient(-45deg, rgba(0, 0, 0, 1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1));
	background-size: 6rem 6rem;
}
.background-inner {
	min-height: 100vh;
	width: 100vw;
	background-image: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 5%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0.5) 95%, rgba(255,255,255,0) 100%);
}

.div-td-black {
	background-color: #00000A;
	color: #FFF;
}

.container-shift-right {
	opacity: 0;
	transform: translateX(10rem);
}

.footer {
	position: fixed;
	bottom: 1rem;
	width: 100vw;
}

.show-creator {
	animation: creator-back-anim 0.5s ease 0s 1 normal both running;
}

@keyframes creator-back-anim {
	to {
		opacity: 1;
		transform: translate(0, 0);
	}
}

.show-creator

.footer {
	position: fixed;
	bottom: 0;
	width: 100vw;
}

.alice-font {
	font-family: "Mplus 1p";
}
.alice-title {
}
.alice-title-lg {
	transform: rotate(-3deg);
}
.alice-phrase {
	text-shadow: 1px 1px 10px #FFFFFF,
				-1px 1px 10px #FFFFFF,
				1px -1px 10px #FFFFFF,
				-1px -1px 10px #FFFFFF;
}

.td-back {
	animation: td-back-anim 0.5s cubic-bezier(1,0,0,1) 0s 1 normal both running;
}

@keyframes td-back-anim {
	to {
		transform: rotateY(0);
		opacity: 1;
		border: 1px solid #777;
	}
}

.h-r4 {
	height: 4rem;
}

.btn-primary, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
	background-color: #FFF;
	border: 1px solid #000;
	color: #000;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	border-radius: 0;
}