@font-face {
    font-family: "Comic Sans MS";
    src: url("/fonts/comic_sans_ms.woff2")format("woff2");
}

.navbarDiv {
	margin-top: 8px;
}

.bar_button {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: white; 
	min-height: 48px;
	-webkit-text-stroke: 2px #AA6699;
}

.bar_button:hover {
    background-image: linear-gradient(to left, magenta, pink, cyan, green, yellow, orange, red);
	-webkit-background-clip: text;
    color: transparent;
}

.topbarDiv {
	display: flex;
	gap: 16px;
	margin: 0 0 -16px 0;
}

.buttonBar {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	padding-left: 16px;
	padding-top: 6px;
	background-color: #FF88CC;
	margin: 0 0 0 0;
}

.violet_peek {
	z-index: 1;
}

.navbarTitle {
	font-size: clamp(48px, 8vw, 72px);
	color: black;
	-webkit-text-fill-color: white;
	-webkit-text-stroke: 4px #FF88CC;
	font-family: Comic Sans MS;
	padding-left: 16px;
	font-weight: bold;
	margin: 0 0 0 0;
}