p {
	font-size: var(--ffs-1);
	color: #885844;

	font-family: "Rubik Spray Paint", system-ui;
	font-weight: 400;
	font-style: normal;

	line-height: 1.3;
}

#background {
	background-image: url("1b.png");
	background-color: #885844;
	background-size: 50em;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -10;
}

.icon {
	width: 3em;
	height: 3em;
	vertical-align: -0.125em;
	overflow: visible;
}


.wrapper {
	width: min(100% - 4rem, 120em);
	margin-inline: auto;
}

body {
	margin: 0;
	background-color: #FFCC54;
}


h1 {
	color: #885844;
	background-image: url("2b.png");
	/* Change URL to texture file name */
	background-repeat: repeat;
	background-position: left left;
	background-size: 5em;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: var(--ffs-5);
	margin-bottom: 0.1em;

	font-family: "Rubik Spray Paint", system-ui;
	font-weight: 400;
	font-style: normal;
	/*text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;*/
}

.rubik {
	font-family: "Rubik Spray Paint", system-ui;
	font-weight: 400;
	font-style: normal;
}

/* @link https://utopia.fyi/type/calculator?c=360,18,1.125,1240,20,1.414,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
	--ffs--2: clamp(0.6252rem, 0.9968rem + -0.4795vw, 0.8889rem);
	--ffs--1: clamp(0.884rem, 1.0474rem + -0.2109vw, 1rem);
	--ffs-0: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
	--ffs-1: clamp(1.2656rem, 1.0603rem + 0.9125vw, 1.7675rem);
	--ffs-2: clamp(1.4238rem, 0.9839rem + 1.9553vw, 2.4992rem);
	--ffs-3: clamp(1.6018rem, 0.8114rem + 3.513vw, 3.5339rem);
	--ffs-4: clamp(1.802rem, 0.495rem + 5.809vw, 4.997rem);
	--ffs-5: clamp(2.0273rem, -0.0339rem + 9.1608vw, 7.0657rem);
}


#topbear {
	margin: 0;
	z-index: -1;
}

@media (orientation:landscape) {
	#topbear {
		width: min(50%, 50em);
		position: fixed;
		right: 0;
		top: 0;

	}
}

@media (orientation:portrait) {
	#topbear {
		height: min(50%, 50em);
		align-self: flex-end;
	}

	.icon {
		width: 5em;
		height: 5em;
		vertical-align: -0.125em;
		overflow: visible;
	}
}