@font-face {
	font-family: CrimsonText;
	src: url("fonts/CrimsonText/CrimsonText-Regular.ttf");
}

@font-face {
	font-family: CrimsonText;
	font-weight: bold;
	src: url("fonts/CrimsonText/CrimsonText-SemiBold.ttf");
}

@font-face {
	font-family: CrimsonText;
	font-weight: 900;
	src: url("fonts/CrimsonText/CrimsonText-Bold.ttf");
}

@font-face {
	font-family: CrimsonText;
	font-style: italic;
	src: url("fonts/CrimsonText/CrimsonText-Italic.ttf");
}

@font-face {
	font-family: CrimsonText;
	font-weight: bold;
	font-style: italic;
	src: url("fonts/CrimsonText/CrimsonText-SemiBoldItalic.ttf");
}

@font-face {
	font-family: CrimsonText;
	font-weight: 900;
	font-style: italic;
	src: url("fonts/CrimsonText/CrimsonText-BoldItalic.ttf");
}

@font-face {
	font-family: DreamCatcher;
	src: url("fonts/DreamCatcher.ttf");
}

@font-face {
	font-family: Peyo;
	src: url("fonts/PeyoRegular.ttf");
}

@font-face {
	font-family: CheddarGothic;
	src: url("fonts/CheddarGothic/CheddarGothic.otf");
}

@font-face {
	font-family: Jumbo;
	src: url("fonts/jumbo/jumbo.ttf");
}

@font-face {
	font-family: Jumbo;
	font-style: italic;
	src: url("fonts/jumbo/jumboi.ttf");
}

@font-face {
	font-family: Jumboo;
	src: url("fonts/jumbo/jumboo.ttf");
}

@font-face {
	font-family: Jumboo;
	font-style: italic;
	src: url("fonts/jumbo/jumbooi.ttf");
}

@font-face {
	font-family: Muskaters;
	src: url("fonts/Muskaters.ttf");
}
@font-face {
	font-family: AdamCGPro;
	src: url("fonts/AdamCGPro/AdamCGPro.otf");
}
@font-face {
	font-family: Brandybuck;
	src: url("fonts/Brandybuck/Brandybuck.ttf");
}
@font-face {
	font-family: Dandelion;
	src: url("fonts/Dandelion/Dandelion.ttf");
}
@font-face {
	font-family: ShorelinesScript;
	src: url("fonts/ShorelinesScript/ShorelinesScript.otf");
}
@font-face {
	font-family: GameMusic;
	src: url("fonts/game-music-love.ttf");
}
@font-face {
	font-family: ChunkFive;
	src: url("fonts/ChunkFive/ChunkFive-Print.otf");
}

@font-face {
	font-family: Galiver;
	src: url("fonts/GaliverSans/GALS.ttf");
}


* {
	font-family: CrimsonText;
	box-sizing: border-box;
}

*, *:active, *:focus {
	outline: none;
}

html {
	font-size: 18px;
}

body, #sapper {
	max-width: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	/* overflow: auto; */
	/* display: flex; */
	/* flex-direction: column; */
}

/* input[type=range]:focus {
	box-shadow: none;
} */

input:focus, select:focus, button:focus, textarea:focus {
	box-shadow: none;
}

input {
	height: 38px;
}

a:hover {
	text-decoration: none;
}


@keyframes heartBeat {
	0% {
		transform: scale(1);
	}

	14% {
		transform: scale(1.3);
	}

	28% {
		transform: scale(1);
	}

	42% {
		transform: scale(1.3);
	}

	70% {
		transform: scale(1);
	}
}