/*@font-face {
  font-family: 'Light Brighter';
  src: url('assets/fonts/LightBrighter.woff2') format('woff2'),
       url('assets/fonts/LightBrighter.woff') format('woff'),
       url('assets/fonts/LightBrighter.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
	font-family: 'DJB My Boyfriends Handwriting';
	src: url('../fonts/DJB_My_Boyfriends_Handwriting.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}


@font-face {
	font-family: '29LTMakina';
	src: url('../fonts/29LTMakina-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-size: 1.5rem;
	font-display: block;
}

@font-face {
	font-family: 'LovelyMayScript';
	src: url('../fonts/LovelyMayScript.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}


@-webkit-keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	25% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	75% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes heartbeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	25% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	75% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

body,
html {
	overflow-x: hidden;
	width: 100%;
}

.heartbeat {
	-webkit-animation: heartbeat 1s ease-in-out 2 both;
	animation: heartbeat 1s ease-in-out 2 both;
	color: #C49914;
}

body {
	background: url('../img/bgimg.png') repeat, #0d1216;
	background-size: auto, auto;
	font-family: '29LTMakina', monospace;
}

.age-verification {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.age-verification-content {
	color: #fff;
	padding: 20px;
	text-align: center;
	border-radius: 8px;
	max-width: 400px;
	width: 90%;
}

.age-verification-content h2 {
	margin-bottom: 15px;
}

.age-verification-content p {
	margin-bottom: 20px;
}

.agave {
	width: 100px;
	display: block;
}

.btn-18-more {
	width: 50px;
}