body {
	margin:0;
	padding:0;
	font-family: 'Brush Script MT', cursive;
	background-image:url("images/background.jpg");
	background-size:100vw 100vh;
	background-repeat:repeat-y;
}

#container {
	position:relative;
	width:800px;
}

#menuleft {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	margin:0;
	margin-left:25px;
	padding:0;
	border: 5px dotted black;
}

#menuleft ul {
	list-style-type:none;
	margin:0;
	padding:50px 0px 50px 0px;
}

#menuleft ul li {
	text-align:center;
}

#menuleft ul li a {
	color:hotpink;
	text-decoration:none;
}

#content {
	margin-left:150px;
	line-height:110%;
}

#content a {
	text-decoration:none;
}

#header {
	border: 5px dotted black;
	margin-top:25px;
	margin-bottom:25px;
}

#header h1 {
	text-align:center;
	line-height:25%;
}

#header h2 {
	text-align:center;
	line-height:50%;
}

#header h3 {
	text-align:center;
	line-height:50%
}

@keyframes cherryblossomheartanimation {
	0% {background-color: pink;}
	50% {background-color: lightpink;}
	100% {background-color:pink;}
}

#cherryblossomheart {
	border: 7px double brown;
	border-radius:15px;
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	animation-name:cherryblossomheartanimation;
	animation-duration: 2s;
	animation-iteration-count:infinite;
	color:brown;
}

#barbedwirefence {
	border: 15px dashed black;
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	color:black;
}

@keyframes centeranimation {
	0% {transform:scale(.98);}
	50% {transform:scale(1);}
	100% {transform:scale(.98);}
}

#center {
	text-align:center;
}

#center p {
	animation-name:centeranimation;
	animation-duration: 6s;
	animation-iteration-count:infinite;
}

@keyframes inseparableanimation {
	0% {border-radius:50px;}
	50% {border-radius:15px;}
	100% {border-radius:50px;}
}

#inseparable {
	border: 7px double blue;
	width:fit-content;
	margin:auto;
	padding-left:25px;
	padding-right:25px;
	color:darkslateblue;
	animation-name:inseparableanimation;
	animation-duration: 6s;
	animation-iteration-count:infinite;
}

#mansion {
	transform: rotate(1deg);
	border: 10px solid black;
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#resistance {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	background-image: linear-gradient(
        180deg, 
        #000,
	#000, 
        #F00);
	background-clip:text;
	color:transparent;
}

#only {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border: 10px ridge black;
}

#stringlesspuppet1 {
	width:fit-content;
	margin:auto;
	padding:5px;
	border: 2px dashed black;
	border-radius:20px;
}

#stringlesspuppet2 {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border: 2px dashed black;
	border-radius:15px;
}

#ififeelit {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#myfathersroses {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border-left:5px solid green;
	border-right:5px solid green;
	border-top:15px dotted red;
}

@keyframes nothingcomparesanimation {
	0% {color:lightgoldenrodyellow}
	25% {color:lightcoral}
	50% {color:lightgoldenrodyellow}
	75% {color:lightsalmon}
	100% {color:lightgoldenrodyellow}
}

#nothingcompares {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	background-color:midnightblue;
	color:lightgoldenrodyellow;
	border-radius:15px;
	border:5px solid black;
	animation-name:nothingcomparesanimation;
	animation-duration: 60s;
	animation-iteration-count:infinite;
}

#exposuretherapy {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

.rotatetext15deg {
	display:inline-block;
	transform:rotate(-15deg);
}

#fallingleavesandroadkill {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
 	border: 4px solid transparent; 
 	border-image: linear-gradient(45deg, purple, red, orange, brown, yellow) 1;
}

@keyframes gentlecaressanimation {
	0% {transform:translate(-15px,0);}
	50% {transform:translate(15px,0);}
	100% {transform:translate(-15px,0);}
}

#gentlecaress {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	animation-name:gentlecaressanimation;
	animation-duration: 10s;
	animation-iteration-count:infinite;
}

#mirror {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
}

#thespiders {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;

}

#thespiders p {
	border:2px dashed black;
	padding:5px;
}

#roots {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border-left:5px double brown;
	border-right:5px double brown;
	color:brown;
}

#someday {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#starving {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#wrestlingwithtrees {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border-right:5px double brown;
	border-top:5px double brown;
	border-radius:15px;
}

#purple {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	background-image:radial-gradient(blueviolet,darkmagenta,mediumorchid,purple,rebeccapurple);
	background-clip:text;
	color:transparent;
}

#itwasonly {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border: 5px outset red;
}

#hangingonthewall {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	transform:skew(0.5deg);
	border:5px double black;
	
}

#whatsleft {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	
}

#whatsleft p:hover {
	color:pink;
}

#monsteratthebottom {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;	
}

#here {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;	
	border: 1px dotted blanchedalmond;
}

#favoriteforest {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;	
	opacity:60%;
}

#without {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;	
}

#more {
	position:absolute;
	width:fit-content;
	margin-left:50%;
	text-align:right;
}

#more2 {
	position:relative;
	width:fit-content;
	margin-top:35px;
}

#centerpiece {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

#centerpiece h3 {
	border-bottom:25px solid brown;
	padding-bottom:15px
}

#thecolorofmusic {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#iamawitch {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#cracking {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border:3px dashed brown;
}

#therope {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	border:5px dashed grey;
}

#cuttherope {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#forever {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	color:pink;
	background-color:darkslategrey;
	border-radius:15px;
}

#letusmeet {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	border-left:8px double black;
	border-top:8px double black;
	border-radius:50px;
}

#theballerina {
	width:fit-content;
	margin:auto;
	padding:0;
	border:5px dashed black;
}

#theballerina h3 {
	line-height:5%;
}

#theballerina p {
	line-height:80%;
}

@keyframes wordscouldneveranimation {
	0% {transform:translate(-10px,0);}
	50% {transform:translate(0,10px);}
	100% {transform:translate(10px,0)}
}

#wordscouldnever {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	animation-name:wordscouldneveranimation;
	animation-duration: 10s;
	animation-iteration-count:infinite;
	animation-direction: alternate
}

#bigbadwolf {
	width:fit-content;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
	line-height:115%;
}

#centertext {
	text-align:center;
}

#poetryblock img {
	width:30%;
	height:150px;
	object-fit:cover;
	border-radius:25px;
	margin-bottom:10px;
	margin-right:10px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.25);
}

#backbutton {
	position:relative;
	margin:auto;
	margin-top:25px;
	text-align:center;
}

#backbutton a {
	color:pink;
	text-decoration:none;
}

#backbutton a img {
	width:100px;
	height:75px;
	object-fit:cover;
	border-radius:15px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.25);
}

#backbutton a p {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	background-color:black;
	padding:5px;
	border-radius:7px;
}


#footer {
	max-height:200px;
	border: 5px dotted black;
	margin-left:150px;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
}