@charset "UTF-8";

main {
	padding: 0;
	margin-bottom: 3em;
}

.emoji {
	text-align: justify;
	font-size: 1.8em;
	hyphens: manual;
	line-height: 1.4;
	word-spacing: 0.1em;
}

[data-random="true"] .emoji {
	margin-bottom: 2rem;
}

.container {
	text-align: center;
	margin-bottom: 2em;
}

button {
	font-size: 1.5em;
	margin-bottom: 0.9em;
}

hr {
	margin: 1em auto;
	background-color: var(--text);
	width: 100%;
	height: 2px;
}

nav ul li {
	padding: 0;
}

[data-random="true"] .emoji {
	text-align: center;
}

[data-single-picked="true"] .emoji {
	font-size: 15em;
}

[data-random="true"] #extra-emoji, [data-random="true"] hr, [data-random="true"] nav {
	display: none;
}

[data-emoji-font="symbola"] .emoji {
	font-family: var(--emoji-fonts-symbola);
}

[data-emoji-font="segoe"] .emoji {
	font-family: var(--emoji-fonts-segoe);
}

[data-emoji-font="noto"] .emoji {
	font-family: var(--emoji-fonts-noto);
}

[data-emoji-font="noto-emoji"] .emoji {
	font-family: var(--emoji-noto-bw), var(--emoji-generic-bw), var(--emoji-segoe-bw), var(--emoji-unifont), var(--emoji-preview), var(--emoji-fallback);
}

[data-emoji-font="emojione"] .emoji {
	font-family: var(--emoji-fonts-emojione);
}

[data-emoji-font="twemoji"] .emoji {
	font-family: var(--emoji-fonts-twemoji);
}

[data-emoji-font="apple"] .emoji {
	font-family: var(--emoji-fonts-apple);
}

[data-emoji-font="babelstone"] .emoji {
	font-family: var(--emoji-fonts-babelstone);
}

[data-emoji-font="unifont"] .emoji {
	font-family: var(--emoji-fonts-unifont);
}

[data-emoji-font="allofemanubis"] .emoji {
	font-family: var(--allofemanubis);
}

[data-emoji-font="none"] .emoji {
	font-family: emoji;
}

/* @font-face {
	font-family: "Less Shitty Emoji Preview";
	src: local("Less Shitty Emoji Preview"), url("../../../../assets/font/emoji-preview/less-shitty-emoji-preview.ttf");
} */

@font-face {
	font-family: Shibuya109PUA;
	src: local("Shibuya109PUA"), url("../../../../assets/font/misc/shibuya109pua.ttf");
}