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

		variables

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

:root{
	--blue: #CCD8EB;
	--blue2: #4E5A99;
	--pink: #F2D2D4;
	--pink2: #CB8F95;
	--pink3: #D46579;
	--yellow: #EEE29F;
	--black: #362B2B;
	--shadow-rgb: 59, 69, 120;
}

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

		december style

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

body{
	background-color: var(--blue2);
	background-image: url("/0ld/0lder/background/gg02.png");
		background-size: 5%;
		background-attachment: fixed;
}

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

		links

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

a{
	color: var(--pink3);
}

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

	headings

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

h1{
	color: var(--white);
}

h2{
	color: var(--blue2);
}

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

		colour accents (usually used in h1)

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

.blue{
	color: var(--blue);
}

.pink{
	color: var(--pink);
}

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

	big sticker at top of page

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

h1::before{
	background-image: url("/stickers/cutie/4_winter/E10.png");
}

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

	accent sticker after day/date

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

h2::after{
	background-image: url("/stickers/cutie/4_winter/C13.png");
}

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

		selection colour

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

::-moz-selection{
	background: var(--pink);
}

::selection{
	background: var(--pink);
}

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

	leftside stripe on entries

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

main > div{
	background-image: url("/0ld/0lder/background/17.png");
}

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

		tables
		
..........................*/

main > div table th{
	background-color: var(--blue);
	border-color: var(--blue2)!important;
}

main > div table:first-child td{
	border-color: var(--blue2);
}

main > div table:first-child tr{
	border-color: var(--blue2);
}

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

	"CULTIVATION" TABLE

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

section th{
	background-color: var(--blue2);
	background-image: url("/0ld/0lder/background/18.png");
		background-size: 50%;
	color: var(--white);
}

section tr:nth-child(2) td summary{
	background-color: var(--blue);
}

section tr:nth-child(3) td summary{
	background-color: var(--pink);
}

section tr:nth-child(4) td summary{
	background-color: var(--yellow);
}

section:last-of-type tr:nth-child(2) + tr{
	border-top: 0.1svw dashed var(--blue2);
}