#refreshbutton {
	/*background: hotpink;*/
	position: fixed;
	bottom: 1em;
	right: 1em;
	color: #eee;
	font-size: 2em;
	transition: transform .7s ease-in-out;
}
	#refreshbutton:hover {
		cursor: pointer;
		transform: rotate(360deg);
	}


#intro-title {
	/*margin-top: 1em;*/
}


/*intro-bullet styling*/
#intro-bullets {
	display: flex;
	/*align-items: center;*/
	justify-content: center;
	flex-direction: column;
	min-height: 100vh;
}

.intro-bullet a{
	/*color: inherit;*/
	color: #eee;
}

	.intro-bullet a:hover {
		text-decoration: underline;
		color: inherit;
	}

	/*sizing*/
	#intro-bullets h1 {
		font-size: clamp(60px, 14vw, 8rem);
		align-self: flex-start;
	}
	#intro-bullets h2 {
		font-size: clamp(42px, 10vw, 4rem);
	}
	#intro-bullets h3 {
		font-size: clamp(36px, 8vw, 3rem);
	}
	#intro-bullets h4 {
		font-size: clamp(30px, 7vw, 2.5rem);
	}
	#intro-bullets h5 {
		font-size: clamp(24px, 6vw, 2rem);
	}
	#intro-bullets h6 {
		font-size: clamp(18px, 5vw, 1.5rem);
		align-self: flex-end;
	}

	/*fonts*/
	.randfont-1 {
		font-family: 'Modak', cursive;
	}
	.randfont-2 {
		font-family: 'Big Shoulders Display', cursive;
	}
	.randfont-3 {
		font-family: 'Tulpen One', cursive;
	}
	.randfont-4 {
		font-family: 'Grandiflora One', serif;
		font-weight: bold;
	}
	.randfont-5 {
		font-family: 'Josefin Sans', sans-serif;
	}
	.randfont-6 {
		font-family: 'Lusitana', serif;
	}
	.randfont-7 {
		font-family: 'Baloo Tamma 2', cursive;
	}
	.randfont-8 {
		font-family: 'Poiret One', cursive;
	}
	.randfont-9 {
		font-family: 'Ysabeau SC', sans-serif;
	}
	.randfont-10 {
		font-family: 'Cinzel', serif;
	}
	.randfont-11 {
		font-family: 'Milonga', cursive;
	}
	.randfont-12 {
		font-family: 'Belanosima', sans-serif;
	}
	.randfont-13 {
		font-family: 'Righteous', cursive;
	}
	.randfont-14 {
		font-family: 'Lilita One', cursive;
	}
	.randfont-15 {
		font-family: 'Sue Ellen Francisco', cursive;
	}
	.randfont-16 {
		font-family: 'Slackside One', cursive;
	}


	/*title fonts*/
	.randtitlefont-0 {
		font-family: 'Akronim', cursive;
	}
	.randtitlefont-00 {
		font-family: 'Monoton', cursive;
	}
	.randtitlefont-1 {
		font-family: 'Belanosima', sans-serif;
	}
	.randtitlefont-2 {
		font-family: 'Righteous', cursive;
	}
	.randtitlefont-3 {
		font-family: 'Lilita One', cursive;
	}
	.randtitlefont-4 {
		font-family: 'Grandiflora One', serif;
		font-weight: bold;
	}
	.randtitlefont-5 {
		font-family: 'Josefin Sans', sans-serif;
	}
	.randtitlefont-6 {
		font-family: 'Lusitana', serif;
	}
	.randtitlefont-7 {
		font-family: 'Baloo Tamma 2', cursive;
	}
	.randtitlefont-8 {
		font-family: 'Poiret One', cursive;
	}
	.randtitlefont-9 {
		font-family: 'Ysabeau SC', sans-serif;
	}
	.randtitlefont-10 {
		font-family: 'Cinzel', serif;
	}
	.randtitlefont-11 {
		font-family: 'Milonga', cursive;
	}
	.randtitlefont-12 {
		font-family: 'Tsukimi Rounded', sans-serif;
	}
	.randtitlefont-13 {
		font-family: 'Aldrich', sans-serif;
	}
	.randtitlefont-14 {
		font-family: 'Alfa Slab One', cursive;
	}
	.randtitlefont-15 {
		font-family: 'Almendra Display', cursive;
	    font-weight: bold;
	}
	.randtitlefont-16 {
		font-family: 'Almendra SC', serif;
	    font-weight: bold;
	}
	.randtitlefont-17 {
		font-family: 'Baloo Tamma 2', cursive;
	}
	.randtitlefont-18 {
		font-family: 'Codystar', cursive;
	    font-weight: bold;
	}
	.randtitlefont-19 {
		font-family: 'Emblema One', cursive;
	}
	.randtitlefont-20 {
		font-family: 'Miniver', cursive;
	}
	.randtitlefont-21 {
		font-family: 'Trocchi', serif;
	}
	.randtitlefont-22 {
		font-family: 'Nova Flat', cursive;
	}
	.randtitlefont-23 {
		font-family: 'Prata', serif;
	}
	.randtitlefont-24 {
		font-family: 'Rakkas', cursive;
	}
	.randtitlefont-25 {
		font-family: 'Red Hat Display', sans-serif;
	}
	.randtitlefont-26 {
		font-family: 'Sarala', sans-serif;
	}
	.randtitlefont-27 {
		font-family: 'Thasadith', sans-serif;
	}
	.randtitlefont-28 {
		font-family: 'Spinnaker', sans-serif;
	}
	.randtitlefont-29 {
		font-family: 'Tilt Prism', cursive;
	}
	.randtitlefont-30 {
		font-family: 'Syne', sans-serif;
	}
	.randtitlefont-31 {
		font-family: 'Tenor Sans', sans-serif;
	}

	/*randcolor*/

	.randpalette-1 {
	}
		.randpalette-1 .randcolor-1 {
			color: #fefcbf;
		}
		.randpalette-1 .randcolor-2 {
			color: #b36b6b;
		}
		.randpalette-1 .randcolor-3 {
			color: #ffff99;
		}
		.randpalette-1 .randcolor-4 {
			color: #b3b36b;
		}
		.randpalette-1 .randcolor-5 {
			color: #99b3ff;
		}

	.randpalette-2 {
	}
		.randpalette-2 .randcolor-1 {
			color: #cda5f3;
		}
		.randpalette-2 .randcolor-2 {
			color: #8674aa;
		}
		.randpalette-2 .randcolor-3 {
			color: #f3c5a5;
		}
		.randpalette-2 .randcolor-4 {
			color: #aa8a74;
		}
		.randpalette-2 .randcolor-5 {
			color: #d2f3a5;
		}

	.randpalette-3 {
	}
		.randpalette-3 .randcolor-1 {
			color: #e74645;
		}
		.randpalette-3 .randcolor-2 {
			color: #fb7756;
		}
		.randpalette-3 .randcolor-3 {
			color: #facd60;
		}
		.randpalette-3 .randcolor-4 {
			color: #fdfa66;
		}
		.randpalette-3 .randcolor-5 {
			color: #1ac0c6;
		}

	.randpalette-4 {
	}
		.randpalette-4 .randcolor-1 {
			color: #ffff00;
		}
		.randpalette-4 .randcolor-2 {
			color: #e06d0f;
		}
		.randpalette-4 .randcolor-3 {
			color: #e06d0f;
		}
		.randpalette-4 .randcolor-4 {
			color: #d2f232;
		}
		.randpalette-4 .randcolor-5 {
			color: #2096db;
		}

	.randpalette-5 {
	}
		.randpalette-5 .randcolor-1 {
			color: #048789;
		}
		.randpalette-5 .randcolor-2 {
			color: #ad8565;
		}
		.randpalette-5 .randcolor-3 {
			color: #D44D27;
		}
		.randpalette-5 .randcolor-4 {
			color: #E2A72E;
		}
		.randpalette-5 .randcolor-5 {
			color: #EFEBC8;
		}

	.randpalette-6 {
	}
		.randpalette-6 .randcolor-1 {
			color: #F2E750;
		}
		.randpalette-6 .randcolor-2 {
			color: #F2B807;
		}
		.randpalette-6 .randcolor-3 {
			color: #F28705;
		}
		.randpalette-6 .randcolor-4 {
			color: #C52104;
		}
		.randpalette-6 .randcolor-5 {
			color: #9b4e4d;
		}

	.randpalette-7 {
	}
		.randpalette-7 .randcolor-1 {
			color: #88F7E2;
		}
		.randpalette-7 .randcolor-2 {
			color: #44D492;
		}
		.randpalette-7 .randcolor-3 {
			color: #F5EB67;
		}
		.randpalette-7 .randcolor-4 {
			color: #FFA15C;
		}
		.randpalette-7 .randcolor-5 {
			color: #FA233E;
		}

	.randpalette-8 {
	}
		.randpalette-8 .randcolor-1 {
			color: #F0C418;
		}
		.randpalette-8 .randcolor-2 {
			color: #E67E25;
		}
		.randpalette-8 .randcolor-3 {
			color: #E74C3B;
		}
		.randpalette-8 .randcolor-4 {
			color: #23B99A;
		}
		.randpalette-8 .randcolor-5 {
			color: #F5EFE0;
		}

	.randpalette-9 {
	}
		.randpalette-9 .randcolor-1 {
			color: #d25099;
		}
		.randpalette-9 .randcolor-2 {
			color: #e16aad;
		}
		.randpalette-9 .randcolor-3 {
			color: #f4a2d0;
		}
		.randpalette-9 .randcolor-4 {
			color: #f9dd9a;
		}
		.randpalette-9 .randcolor-5 {
			color: #87ced0;
		}

	.randpalette-10 {
	}
		.randpalette-10 .randcolor-1 {
			color: #B6DDE1;
		}
		.randpalette-10 .randcolor-2 {
			color: #F9F871;
		}
		.randpalette-10 .randcolor-3 {
			color: #9BF2D0;
		}
		.randpalette-10 .randcolor-4 {
			color: #ABF9B5;
		}
		.randpalette-10 .randcolor-5 {
			color: #CCFB92;
		}

	.randpalette-11 {
	}
		.randpalette-11 .randcolor-1 {
			color: #227C9D;
		}
		.randpalette-11 .randcolor-2 {
			color: #17C3B2;
		}
		.randpalette-11 .randcolor-3 {
			color: #FFCB77;
		}
		.randpalette-11 .randcolor-4 {
			color: #FEF9EF;
		}
		.randpalette-11 .randcolor-5 {
			color: #FE6D73;
		}

	.randpalette-12 {
	}
		.randpalette-12 .randcolor-1 {
			color: #E8D7FF;
		}
		.randpalette-12 .randcolor-2 {
			color: #FFD3E8;
		}
		.randpalette-12 .randcolor-3 {
			color: #FFD7D5;
		}
		.randpalette-12 .randcolor-4 {
			color: #F3FFE1;
		}
		.randpalette-12 .randcolor-5 {
			color: #DFFFD6;
		}