/*!
 * Game Teriak Daia
 * Developed by JogjaCamp
 * Copyright (c) 2023
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

:root {
	--color-1: #FF7900;
	--color-2: #BE1E2D;
	--color-3: #FFFF00;
}

body {
	font-family: 'Poppins', sans-serif;
	background-color: var(--color-1);
	overflow: hidden;
}
.font-poppins {
	font-family: 'Poppins', sans-serif;
}
.bg-main {
	background-color: var(--color-1);
}

section article[data-active=true] {
	display: block;
}
section article[data-active=false] {
	display: none;
}

.destination:not(.passed) {
	opacity: 0;
}

.notif {
	text-shadow: -2px 0 var(--color-2), 0 2px var(--color-2), 2px 0 var(--color-2), 0 -2px var(--color-2);
}
.notif .highlight {
	color: var(--color-3);
}

html.landscape .viewport,
html.landscape .viewport video {
	width: fit-content;
}
@media (min-width: 1024px) {
	html.portrait .viewport .notif {
		font-size: calc(2rem + 4vw);
		text-shadow: -7px 0 var(--color-2), 0 7px var(--color-2), 7px 0 var(--color-2), 0 -7px var(--color-2);
	}
}

@keyframes blink {
	0%,100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: .5;
		transform: scale(.5);
	}
}
@keyframes bubble {
	0% {
		transform: scale(.2);
	}
	30% {
		transform: scale(1.5);
	}
	50% {
		transform: scale(.8);
	}
	60% {
		transform: scale(.95);
	}
	65% {
		transform: scale(1);
	}
	100% {
		transform: scale(.2);
	}
}