body{
	color: black;
	background: black;
}

a{
	color: #e68845;
}

a:hover{
	color: #59a09a;
}

a, a:hover{
	transition: color .3s;
}

h1, h2, h3{
	color: #3e3c37;
	font-family: "Grandstander";
}

h1{
	letter-spacing: 0.021em;
	text-shadow:
			1px 1px white,
			-1px -1px white,
			-1px 1px white,
			1px -1px white,
			0.12em 0.12em #cfced6;
}

img{
	max-width: 100%;
}

/*------------ the container that holds everything -------------*/

#holdmenow{
	width: 95vw;
	margin: 3vh auto;
	display: flex;
	justify-content: space-evenly;
}

/*----------- the container for the left side ----------*/

#bench{
	width: 71%;
}

/*--------- calendar picture heading!! ---------*/

#knitted{
	width: 95%;
	height: calc((95vw * 0.90 * 0.71) / 1.9);
	background-image: url(https://64.media.tumblr.com/09d6f1e764c90e91b803bd2b1cb544c9/tumblr_o51f5nudn11s45umuo1_1280.jpg);
		background-size: cover;
		background-position: center;
	display: flex;
		justify-content: center;
		align-items: flex-end;
	border: 5px double;
	outline: 2px solid #fffefd;
	box-shadow: 0.77vw 0.77vw 2px rgba(56,33,44,0.12);
}

.calendar{
	margin-bottom: 1%;
	font-size: calc(95vw / 15);
	font-weight: bold;
	font-family: "Grandstander";
	mix-blend-mode: screen;
	opacity: 0.77;
	text-shadow: 0 0 3px #d6e5de, 0 0 5px #d6e5de;
	color: #ffffff;
}

/*----------- the entries~ -------------*/

.hydrangea{
	background-color: #fffefd;
		background-image: url(y12.gif);
		background-repeat: repeat-y;
		background-position: top left;
	width: calc(88% - (1.5em + (60px + 0.75em)));
	margin: 5vh calc((100% - 95%) / 1.75);
	padding: 1.5em;
	padding-left: calc(60px + 0.75em);
	border: 5px double;
	outline: 2px solid #fffefd;
	overflow: auto;
	line-height: 200%;
	box-shadow: 0.77vw 0.77vw 2px rgba(56,33,44,0.12);
}

.hydrangea p{
	text-indent: 1.4em;
}

/*--- cute floating houses towards the bottoms ---*/

.hydrangea:nth-child(odd) p:last-child::before{
	content: url(house03.gif);
	float: right;
	margin: 0.5em;
	margin-right: 0.22em;
}

.hydrangea:nth-child(even) p:last-child::before{
	content: url(house05.gif);
	float: right;
	margin: 0.5em;
	margin-right: 0.22em;
}

/*--------------------- styling the date headers --------------*/

.hydrangea:nth-child(odd) h1::after{
	content: url(cherry.gif);
	margin-left: 0.41em;
	filter: drop-shadow(3px 3px #cfced6);
}

.hydrangea:nth-child(even) h1::after{
	content: url(peach.gif);
	margin-left: 0.41em;
	filter: drop-shadow(3px 3px #cfced6);
}

/*------- gratitude sidebar ---------*/

#cup{
	width: calc(100% - 71%);
}

/*---- the title bar yayay ----*/

#cup h1{
	background-image: url(y14.png);
		background-repeat: repeat-y;
		background-position: top right;
	padding-right: calc(0.5em + 60px);
}

/*--- styles the gratitude things ok ---*/

#cup h1, #cup li{
	background-color: #fffefd;
	border: 5px double;
	outline: 2px solid #fffefd;
	padding: 1em 0.5em;
	margin: 3vh auto;
	box-shadow: 0.77vw 0.77vw 2px rgba(56,33,44,0.12);
}

#cup ul{
	list-style: none;
	padding: 0;
	text-align: center;
	width: 80%;
	margin: 3vh auto;
}

/*------ return home img (its chuuya!!!!) -------*/

.bean{
	position: sticky;
	top: 50%;
}

.bean, .bean:hover{
	transition: filter .3s;
}

.bean:hover{
	filter: drop-shadow(0.21vw 0.21vw #fca05e);
}