:root{
   --shadow-color: 30deg 20% 62%;
   --outline-color: var(--yellow);
   --scrollbar-thumb: var(--yellow-texture);
   --selection-bg: var(--yellow-bg);
}

body{
   background-color: var(--yellow-bg);
   background-image: url("/background/29.jpg");
   background-size: auto;
}

nav a span{
   background-color: var(--yellow);
   display: inline-block;
   padding: 0 0.33em;
   padding-top: 0.25em;
   transform: translateY(-0.2em);
}

nav a:first-child{
   flex-flow: column nowrap;
}

nav a:first-child span:first-of-type{
   margin-bottom: 0.2em;
}

/*...........................................................

		dropdown menu things

..........................*/

details summary:hover span, details summary:focus span{
   background: var(--yellow-texture);
}

/*...........................................

	headings

..........................*/

h2:nth-of-type(1):before, h2:nth-of-type(1):after{
	background-image: url("/stickers/cutie/2_summer/K27.png");
}

h2:nth-of-type(2):before, h2:nth-of-type(2):after{
	background-image: url("/stickers/cutie/3_autumn/N11.png");
}

h2:nth-of-type(3):before, h2:nth-of-type(3):after{
   height: calc(1.3 * var(--size));
   width: calc(1.3 * var(--size));
	background-image: url("/stickers/cutie/2_summer/L04.png");
}

h2:nth-of-type(4):before, h2:nth-of-type(4):after{
   height: calc(1.2 * var(--size));
   width: calc(1.2 * var(--size));
	background-image: url("/stickers/cutie/2_summer/C25.png");
}

h2:nth-of-type(5):before, h2:nth-of-type(5):after{
   height: calc(1.2 * var(--size));
   width: calc(1.5 * var(--size));
	background-image: url("/stickers/cutie/4_winter/L28.png");
}