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

		variables

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

:root{
	--size: 66svw;
}

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

		basic style

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

p{
	text-indent: 2em;
}

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

	need smaller words?

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

.small{
	font-size: 0.85em;
	word-spacing: 0.1em;
}

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

	i hate the word wednesday

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

.wed{
	font-size: 0.9em;
}

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

	adds shadow

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

img, iframe, h2, table{
	filter: drop-shadow(0.1em 0.1em 0.1svh rgba(var(--paper-shadow-rgb),0.4));
}

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

		headings

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

h1, h2, h3{
	text-align: center;
}

h1{
	font-size: 2.5em;
	color: var(--white);
	text-shadow: 
	  0.033em 0.033em var(--black),
	  -0.033em 0.033em var(--black),
	  -0.033em -0.033em var(--black),
	  0.033em -0.033em var(--black),
		  0.04em 0.04em var(--black),
		  -0.04em 0.04em var(--black),
		  -0.04em -0.04em var(--black),
		  0.04em -0.04em var(--black)
	  ;
/*	filter: drop-shadow(0 0 0.1em var(--white2));*/
}

h1::before{
	content: "";
	display: block;
		background-position: center top;
		background-size: contain;
		background-repeat: no-repeat;
	height: calc(var(--size) / 3);
	width: 100%;
	margin-top: -0.5em;
	margin-bottom: 0.33em;
}

h2::after{
	content: "";
	display: inline-block;
		background-position: center top;
		background-size: contain;
		background-repeat: no-repeat;
	height: 0.75em;
	width: 0.75em;	
	margin-left: 0.2em;
}

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

		main page content

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

header, main, footer{
	width: var(--size);
	margin: 2.5svw auto;
}

header, footer{
	text-align: center;
}

header, main, footer, section table{
	filter: drop-shadow(0.33svw 0.33svw 0.2svw rgba(var(--shadow-rgb),0.7));
}

main > div, footer{
	background-color: var(--white);
	padding: 1em;
	box-sizing: border-box;
	border: 0.2svw solid;
	border-radius: 1.5svw;
}

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

			header

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

header{
	margin-top: 1.25svw;
}

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

	footer

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

footer{
	width: calc(var(--size) / 3);
}

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

		"CULTIVATION" TABLE

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

section{
	position: absolute;
		top: 0;
	width: calc(var(--size) / 2.5 - (2 * 1em));
	margin: 0.75em;
	z-index: 999;
}

section:first-of-type{
	left: 0;
}

section:last-of-type{
	right: 0;
}

section table{
	margin: 0!important;
	width: 100%;
	box-sizing: border-box;
}

section th{
	border-bottom: 0.1svw solid var(--black);
	padding: 0.25em 0.5em;
	height: calc(var(--size) / 9.5);
}

section td{
/*	padding: 0.1em 0.2em;*/
	border-collapse: separate;
}

section table p{
	margin: 0;
	padding: 0.25em;
	text-indent: 0;
	font-size: 0.9em;
}

section:last-of-type table td{
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

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

		DIARY ENTRIES!!!!

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

main > div{
	padding-left: 3.25em;
	background-size: 1.5em auto;
		background-repeat: no-repeat round;
		background-position: 1em 0;
	margin-bottom: 2.5svw;
}

main > div p{
	width: calc(100% - 0.75em);
}

main > div > table, section table{
	background-color: var(--white2);
	border: 0.13svw solid var(--black);
	margin: 1em 0.5em 0.5em 1em;
	border-collapse: collapse;
}

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

	status table (floating right)
		
..........................*/

main > div > table:first-child{
	float: right;
	width: 50%;
}

main > div > table:first-child th{
	width: 27%;
	border-right: 0.15svw solid var(--black);
	vertical-align: text-top;
}

main > div > table:first-child td{
	padding: 0 0.5em;
}

main > div > table:first-child tr{
	border-bottom: 0.1svw solid var(--black);
}

main > div > table:first-child tr:last-of-type{
	border-bottom-color: var(--black)!important;
}

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

	review table (at the bottom)
		
..........................*/

main > div > table:last-child{
	width: calc(100% - 0.5em);
	text-align: center;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 0.5em;
}

main > div > table:last-child th{
	border-bottom: 0.1svw solid;
}

main > div > table:last-child td{
	padding: 0.33em 1em;	
}

main > div > table:last-child td > span::after{
	content: " \2022 ";
	font-size: 0.8em;
}

main > div > table:last-child td > span:last-child::after{
	content: " ";
	display: none;
}