title {
	display: none;
}


body {
	background: url(images/cloud-shadows-v4-no-gradient-frame-double-400ms-512x512.gif); 
	background-color: #749b79;
	/*background-size: cover;*/
	background-size: 100%;
	margin-bottom: 1.5em;
}


audio {
	width: 60%;
	height: 64px;
	opacity: 0.25;
}


a:link {
	color: #ffffff;
	text-decoration: none;
}


a:visited {
	color: #ffffff;
	text-decoration: none;
}


a:hover {
	color: #c8c8ff;
	text-decoration: none;
}


a:active {
	color: #9696ff;
	text-decoration: none;
}


.image-container {
	margin-top: 14em;
}


.centered-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.centered-top-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0em;
}


.text-container {
	display: block;
	width: fit-content;
	block-size: fit-content;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.9;
	border-style: solid;
	border-color: #609997;
	border-width: 0.15em;
	background: #3f5648;
	padding: 1em;
}


.indent-text-1 {
	text-indent: 2em;
	margin-bottom: 0.25em;
}


.indent-text-2 {
	text-indent: 4em;
}


.some-text {
	text-align: left;
	font-family: Garamond, serif;
	font-size: 1em;
	font-weight: 700;
	color: #ffffff;
	font-style: italic;
	background: -webkit-linear-gradient(45deg, #83e782, #8297e7 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


.some-small-text {
	text-align: center;
	font-family: Garamond, serif;
	font-size: 0.85em;
	font-weight: 300;
	color: #ffffff;
	font-style: italic;
	margin-bottom: 1.5em;
	background: -webkit-linear-gradient(45deg, #65a264, #3a4365 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


.some-big-text {
	text-align: center;
	font-family: Garamond, serif;
	font-size: 1em;
	font-weight: 700;
	color: #ffffff;
	font-style: italic;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-shadow: 1px 1px 2px #4a69a9, 0px 0px 8px #4a69a9, 0px 0px 8px #7f9fe5;
}


#banner-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 750px;
}


#banner-image {
	border-style: solid;
	border-color: #609997;
	border-width: 0.15em;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


#blossom-flower-control {
    display: none;
}


#blossom-flower-control:checked + label > img {
	content: url(images/blossom-flower-rotate.gif); 
}


#blossom-flower-button {
	text-align: center;
	margin-left: 47%;
}